fix: input and select border color

Author: gabitoesmiapodo

typescript/ui/src/components/input/TextField.tsx

@@ -30,4 +30,4 @@ export const TextInput = forwardRef(function _TextInput(
 });
 
 const defaultClassName =
-  'mt-1.5 px-2.5 py-2.5 text-sm rounded-lg border border-primary-300 focus:border-primary-500 disabled:bg-gray-150 outline-none transition-all duration-300';
+  'mt-1.5 px-2.5 py-2.5 text-sm rounded-lg border border-primary-300 focus:border-primary-1000 disabled:bg-gray-150 outline-none transition-all duration-300';

typescript/ui/src/features/chains/ChainSelectField.tsx

@@ -68,6 +68,6 @@ export function ChainSelectField({ name, label, onChange, disabled, customListIt
 
 const styles = {
   base: 'px-2 py-1.5 w-full flex items-center justify-between text-sm bg-white rounded-lg border border-primary-300 outline-none transition-colors duration-500',
-  enabled: 'hover:bg-gray-100 active:scale-95 focus:border-primary-500',
+  enabled: 'hover:bg-gray-100 active:scale-95 focus:border-primary-1000',
   disabled: 'bg-gray-150 cursor-default',
 };

typescript/ui/src/features/tokens/TokenSelectField.tsx

@@ -104,6 +104,6 @@ function TokenButton({
 
 const styles = {
   base: 'mt-1.5 w-full px-2.5 py-2.5 flex items-center justify-between text-sm rounded-lg border border-primary-300 outline-none transition-colors duration-500',
-  enabled: 'hover:bg-gray-100 active:scale-95 focus:border-primary-500',
+  enabled: 'hover:bg-gray-100 active:scale-95 focus:border-primary-1000',
   disabled: 'bg-gray-100 cursor-default',
 };

typescript/ui/tailwind.config.js

@@ -24,13 +24,14 @@ module.exports = {
           50: '#E6EDF9',
           100: '#CDDCF4',
           200: '#A7C2EC',
-          300: '#82A8E4',
+          300: '#e6e6e6',
           400: '#5385D2',
           500: '#2764c1',
           600: '#1D4685',
           700: '#162A4A',
           800: '#11213B',
           900: '#0D192C',
+          1000: '#959595'
         },
         secondary: {
           100: '#fff1e5',