Skip to content

Commit 7ba2108

Browse files
fix(ui): increase contrast between disabled and enabled inputs
1 parent 8aeeee4 commit 7ba2108

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

invokeai/frontend/web/src/theme/util/getInputFilledStyles.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export const getInputFilledStyles = (
1212
const bgHover = variant === 'darkFilled' ? 'base.750' : 'base.650';
1313
const error = 'error.600';
1414
const errorHover = 'error.500';
15-
const fg = 'base.200';
15+
const fg = 'base.100';
1616

1717
const baseColors = {
1818
color: fg,
@@ -34,6 +34,7 @@ export const getInputFilledStyles = (
3434
_invalid,
3535
};
3636
const _disabled = {
37+
opacity: 0.35,
3738
_hover: baseColors,
3839
};
3940
return {

0 commit comments

Comments
 (0)