dark color theme tweaks

This commit is contained in:
Philipinho
2026-02-14 10:35:03 -08:00
parent 32bbc6911f
commit 55280db672
3 changed files with 33 additions and 11 deletions
+25 -2
View File
@@ -35,12 +35,35 @@ export const theme = createTheme({
blue,
red,
},
/***
components: {
ActionIcon: ActionIcon.extend({
vars: (_theme, props) => {
return {
root: {
...(props.variant === "subtle" &&
props.color === "dark" && {
"--ai-color": "var(--mantine-color-default-color)",
"--ai-hover": "var(--mantine-color-default-hover)",
}),
},
};
},
}),
},
***/
});
export const mantineCssResolver: CSSVariablesResolver = (theme) => ({
variables: {
"--input-error-size": theme.fontSizes.sm,
},
light: {},
dark: {},
light: {
"--mantine-color-dark-light-color": "var(--mantine-color-default-color)",
"--mantine-color-dark-light-hover": "var(--mantine-color-gray-light-hover)",
},
dark: {
"--mantine-color-dark-light-color": "var(--mantine-color-gray-4)",
"--mantine-color-dark-light-hover": "var(--mantine-color-default-hover)",
},
});