93 lines
2.8 KiB
JavaScript
93 lines
2.8 KiB
JavaScript
const lightTheme = {
|
|
theme: 'light',
|
|
colors: {
|
|
primary: "#1890ff",
|
|
onPrimary: "#ffffff",
|
|
primaryContainer: "#eaeaeaff",
|
|
onPrimaryContainer: "#001c3a",
|
|
secondary: "#545f71",
|
|
onSecondary: "#ffffff",
|
|
secondaryContainer: "#d8e3f8",
|
|
onSecondaryContainer: "#111c2b",
|
|
tertiary: "#00658d",
|
|
onTertiary: "#ffffff",
|
|
tertiaryContainer: "#c6e7ff",
|
|
onTertiaryContainer: "#001e2d",
|
|
error: "#ba1a1a",
|
|
onError: "#ffffff",
|
|
errorContainer: "#ffdad6",
|
|
onErrorContainer: "#410002",
|
|
background: "#fdfcff",
|
|
onBackground: "#1a1c1e",
|
|
surface: "#fdfcff",
|
|
onSurface: "#1a1c1e",
|
|
surfaceVariant: "#dededeff",
|
|
onSurfaceVariant: "#43474e",
|
|
outline: "#74777f",
|
|
outlineVariant: "#c3c6cf",
|
|
shadow: "#000000",
|
|
scrim: "#000000",
|
|
inverseSurface: "#2f3033",
|
|
inverseOnSurface: "#f1f0f4",
|
|
inversePrimary: "#a5c8ff",
|
|
elevation: {
|
|
level0: "transparent",
|
|
level1: "#d5d5d5ff",
|
|
level2: "#e9eff9",
|
|
level3: "#e1ebf6",
|
|
level4: "#dfe9f5",
|
|
level5: "#dae6f4",
|
|
},
|
|
surfaceDisabled: "rgba(26, 28, 30, 0.12)",
|
|
onSurfaceDisabled: "rgba(26, 28, 30, 0.38)",
|
|
backdrop: "rgba(45, 49, 56, 0.4)",
|
|
},
|
|
};
|
|
|
|
const darkTheme = {
|
|
theme: 'dark',
|
|
colors: {
|
|
primary: "#a5c8ff",
|
|
onPrimary: "#001c3a",
|
|
primaryContainer: "#2c3e50",
|
|
onPrimaryContainer: "#d6e8ff",
|
|
secondary: "#bcc6db",
|
|
onSecondary: "#262f40",
|
|
secondaryContainer: "#3d4756",
|
|
onSecondaryContainer: "#d8e3f8",
|
|
tertiary: "#7dd3fc",
|
|
onTertiary: "#001e2d",
|
|
tertiaryContainer: "#004d66",
|
|
onTertiaryContainer: "#c6e7ff",
|
|
error: "#ffb4ab",
|
|
onError: "#690005",
|
|
errorContainer: "#93000a",
|
|
onErrorContainer: "#ffdad6",
|
|
background: "#0f1419",
|
|
onBackground: "#e4e1e6",
|
|
surface: "#0f1419",
|
|
onSurface: "#e4e1e6",
|
|
surfaceVariant: "#43474e",
|
|
onSurfaceVariant: "#c3c6cf",
|
|
outline: "#8d9199",
|
|
outlineVariant: "#43474e",
|
|
shadow: "#000000",
|
|
scrim: "#000000",
|
|
inverseSurface: "#e4e1e6",
|
|
inverseOnSurface: "#2f3033",
|
|
inversePrimary: "#1890ff",
|
|
elevation: {
|
|
level0: "transparent",
|
|
level1: "#575757ff",
|
|
level2: "#212837",
|
|
level3: "#293141",
|
|
level4: "#2b3344",
|
|
level5: "#2e3748",
|
|
},
|
|
surfaceDisabled: "rgba(228, 225, 230, 0.12)",
|
|
onSurfaceDisabled: "rgba(228, 225, 230, 0.38)",
|
|
backdrop: "rgba(45, 49, 56, 0.4)",
|
|
},
|
|
};
|
|
export { darkTheme, lightTheme };
|