ginnoir/famapp
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: expand theme system to 10 full-skin palettes with light and dark modes

Browse Source
This commit is contained in:
ginnoir
2026-06-01 18:25:58 -05:00
parent a95f10fcde
commit e9bb2a5444
3 changed files with 230 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/_core/themes.ts
+22 -7
View File
@@ -1,18 +1,33 @@
export type ThemeMode = "light" | "dark" | "system";
export type Palette = "clay" | "indigo" | "sage" | "plum" | "ink";
export type Palette =
| "clay"
| "indigo"
| "sage"
| "plum"
| "ink"
| "rose"
| "amber"
| "ocean"
| "slate"
| "forest";
export type FontPair = "serif-sans" | "newsreader" | "fraunces" | "sans-only";
export type Density = "compact" | "regular" | "comfy";
export type DashLayout = "classic" | "split" | "glance";
export type CalView = "month" | "week" | "day";
export type NavStyle = "rail-desktop" | "compact-rail" | "top-nav" | "fab-only";
export const PALETTES: ReadonlyArray<{ id: Palette; label: string; hex: string }> = [
{ id: "clay", label: "Clay", hex: "#B85C3C" },
{ id: "indigo", label: "Indigo ink", hex: "#3E5B8A" },
{ id: "sage", label: "Sage", hex: "#6F8B5E" },
{ id: "plum", label: "Plum", hex: "#7B4F6E" },
{ id: "ink", label: "Ink (mono)", hex: "#1F1B16" },
export const PALETTES: ReadonlyArray<{ id: Palette; label: string; hex: string; paper: string }> = [
{ id: "clay", label: "Clay", hex: "#B85C3C", paper: "#fbf9f4" },
{ id: "indigo", label: "Indigo", hex: "#3E5B8A", paper: "#f4f7fb" },
{ id: "sage", label: "Sage", hex: "#6F8B5E", paper: "#f5f8f2" },
{ id: "plum", label: "Plum", hex: "#7B4F6E", paper: "#faf5fb" },
{ id: "ink", label: "Ink", hex: "#1F1B16", paper: "#f8f7f5" },
{ id: "rose", label: "Rose", hex: "#B5485E", paper: "#fdf5f7" },
{ id: "amber", label: "Amber", hex: "#B07D1E", paper: "#fdf9f0" },
{ id: "ocean", label: "Ocean", hex: "#2E7A8A", paper: "#f2f9fb" },
{ id: "slate", label: "Slate", hex: "#4A657A", paper: "#f4f6f9" },
{ id: "forest", label: "Forest", hex: "#3A6645", paper: "#f2f7f3" },
];
export const FONT_PAIRS: ReadonlyArray<{ id: FontPair; label: string }> = [