frontend: adapt input and buttons colors

Pedro Lucas Porcellis porcellis@eletrotupi.com 1 month ago fa5bcca41e5cdfcb856af45b84338a6fd1760069

Parents: 4780aba

2 file(s) changed

frontend/components/ui/Button.tsx +1 -2
frontend/components/ui/Input.tsx +3 -7

frontend/components/ui/Button.tsx

@@ -52,10 +52,9 @@ }
      };
    
      const getTextColor = () => {
  -     if (disabled) return useThemeColor({ light: '#9ca3af', dark: '#6b7280' }, 'text');
  +     if (disabled) return useThemeColor({}, 'text');
        switch (variant) {
          case 'primary':
  -         return '#fff';
          case 'secondary':
          case 'outline':
          case 'ghost':

frontend/components/ui/Input.tsx

@@ -28,8 +28,8 @@ ...props
    }) => {
      const [showPassword, setShowPassword] = React.useState(false);
      const textColor = useThemeColor({}, 'text');
  -   const backgroundColor = useThemeColor({ light: '#f5f5f5', dark: '#2a2a2a' }, 'background');
  -   const borderColor = useThemeColor({ light: '#e0e0e0', dark: '#404040' }, 'border');
  +   const backgroundColor = useThemeColor({}, 'inputBackgroundColor');
  +   const borderColor = useThemeColor({}, 'inputBorderColor');
      const errorColor = '#ef4444';
      const placeholderColor = useThemeColor({ light: '#9ca3af', dark: '#6b7280' }, 'placeholder');
    

@@ -98,11 +98,6 @@ paddingRight: 44,
        borderWidth: 1,
        borderRadius: 8,
        fontSize: 16,
  -     ...Platform.select({
  -       web: {
  -         outlineStyle: 'none',
  -       },
  -     }),
      },
      passwordToggle: {
        position: 'absolute',

@@ -113,4 +108,4 @@ error: {
        fontSize: 12,
        marginTop: 4,
      },
  - });
  + });