fix(ui): increase contrast between disabled and enabled inputs

This commit is contained in:
psychedelicious 2024-01-03 10:15:41 +11:00
parent 8aeeee4752
commit 7ba2108eb0

View File

@ -12,7 +12,7 @@ export const getInputFilledStyles = (
const bgHover = variant === 'darkFilled' ? 'base.750' : 'base.650'; const bgHover = variant === 'darkFilled' ? 'base.750' : 'base.650';
const error = 'error.600'; const error = 'error.600';
const errorHover = 'error.500'; const errorHover = 'error.500';
const fg = 'base.200'; const fg = 'base.100';
const baseColors = { const baseColors = {
color: fg, color: fg,
@ -34,6 +34,7 @@ export const getInputFilledStyles = (
_invalid, _invalid,
}; };
const _disabled = { const _disabled = {
opacity: 0.35,
_hover: baseColors, _hover: baseColors,
}; };
return { return {