mirror of
https://github.com/docmost/docmost.git
synced 2026-06-10 18:16:57 +08:00
dark color theme tweaks
This commit is contained in:
@@ -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)",
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user