29 lines
1.0 KiB
TypeScript
29 lines
1.0 KiB
TypeScript
export const themeColors: Record<
|
|
"light" | "dark",
|
|
{
|
|
primaryBg: string;
|
|
secondaryBg: string;
|
|
primaryText: string;
|
|
secondaryText: string;
|
|
inputFieldBg: string;
|
|
inputBorder: string;
|
|
}
|
|
> = {
|
|
dark: {
|
|
primaryBg: "#121212", // Dark gray/black background (closer to true dark mode)
|
|
secondaryBg: "#1e1e1e", // Slightly lighter gray for contrast
|
|
primaryText: "#e0e0e0", // Light gray for good readability
|
|
secondaryText: "#b0b0b0", // Muted gray for subtle contrast
|
|
inputFieldBg: "#252525", // Dark but slightly distinguishable from primaryBg
|
|
inputBorder: "#3a3a3a", // Slightly lighter gray for a soft contrast
|
|
},
|
|
light: {
|
|
primaryBg: "#f7f6fb",
|
|
secondaryBg: "#ffffff",
|
|
primaryText: "#1a1a2e",
|
|
secondaryText: "#4a4a4a", // Muted text color
|
|
inputFieldBg: "#ffffff", // White input field (same as secondaryBg)
|
|
inputBorder: "#dcdcdc", // Light gray border for subtle visibility
|
|
},
|
|
};
|