mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-01-19 08:09:45 -06:00
Code Issues Packages Projects Releases Wiki Activity

decoupled light and dark theme

Browse Source
This commit is contained in:
Alex Holliday
2024-11-07 10:34:01 +08:00
parent 94e4d1b1cb
commit 19c0632143
2 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Client/src/Utils/Theme/darkTheme.js
View File

@@ -1,5 +1,4 @@
import { createTheme } from "@mui/material";
import { gaugeHeaderCommon } from "./lightTheme"
const text = {
primary: "#fafafa",
@@ -31,15 +30,17 @@ const darkTheme = createTheme({
body2: { fontSize: 12, color: text.tertiary, fontWeight: 400 },
},
chart: {
header :{
...gaugeHeaderCommon,
header: {
fontWeight: 400,
fill: text.tertiary,
fontSize: 11,
},
subheader :{
...gaugeHeaderCommon,
fontSize: 9
}
},
subheader: {
fontWeight: 400,
fill: text.tertiary,
fontSize: 9,
},
},
palette: {
mode: "dark",
primary: { main: "#1570ef" },

19
Client/src/Utils/Theme/lightTheme.js
View File

@@ -13,11 +13,6 @@ const background = {
accent: "#f9fafb",
};
export const gaugeHeaderCommon = {
fontWeight: 400,
fill: text.tertiary
}
const border = { light: "#eaecf0", dark: "#d0d5dd" };
const fontFamilyDefault =
@@ -35,14 +30,16 @@ const lightTheme = createTheme({
body2: { fontSize: 12, color: text.tertiary, fontWeight: 400 },
},
chart: {
header :{
...gaugeHeaderCommon,
header: {
fontWeight: 400,
fill: text.tertiary,
fontSize: 11,
},
subheader :{
...gaugeHeaderCommon,
fontSize: 9
}
subheader: {
fontWeight: 400,
fill: text.tertiary,
fontSize: 9,
},
},
palette: {
primary: { main: "#1570EF" },