Files
imexmobile/util/theme.js
2025-10-30 16:34:10 -07:00

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 };