mirror of
https://github.com/actualbudget/actual.git
synced 2026-04-30 10:14:53 -05:00
Update custom tag CSS so all themes use the dark color scheme (#6245)
* Update useTagCSS.ts light = dark * Update useTagCSS.ts so all themes use the same color scheme * [autofix.ci] apply automated fixes * Improve tag readability in light theme. --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
@@ -63,23 +63,9 @@ function getTagCSSColors(theme: Theme, color?: string | null) {
|
|||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
if (theme === 'auto') {
|
return [
|
||||||
theme = window.matchMedia('(prefers-color-scheme: light)').matches
|
getContrastedColor(color),
|
||||||
? 'light'
|
color,
|
||||||
: 'dark';
|
`color-mix(in srgb, ${color} 85%, white)`,
|
||||||
}
|
];
|
||||||
|
|
||||||
if (theme === 'light') {
|
|
||||||
return [
|
|
||||||
`${color} !important`,
|
|
||||||
`color-mix(in srgb, ${color} 15%, white)`,
|
|
||||||
`color-mix(in srgb, ${color} 25%, white)`,
|
|
||||||
];
|
|
||||||
} else {
|
|
||||||
return [
|
|
||||||
getContrastedColor(color),
|
|
||||||
color,
|
|
||||||
`color-mix(in srgb, ${color} 85%, white)`,
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
6
upcoming-release-notes/6245.md
Normal file
6
upcoming-release-notes/6245.md
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
---
|
||||||
|
category: Enhancements
|
||||||
|
authors: [Juulz]
|
||||||
|
---
|
||||||
|
|
||||||
|
Improve tag readability in light theme. All themes now use same custom color schema.
|
||||||
Reference in New Issue
Block a user