Changeset b20460e in Klonkt
- Timestamp:
- 06/22/2026 03:04:17 AM (3 months ago)
- Branches:
- main
- Children:
- 814ad8b
- Parents:
- dd7e2a2
- Location:
- src
- Files:
-
- 4 edited
-
assets/css/style.css (modified) (2 diffs)
-
middleware/site.js (modified) (1 diff)
-
services/ThemeService.js (modified) (2 diffs)
-
views/shell.ejs (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
src/assets/css/style.css
rdd7e2a2 rb20460e 147 147 } 148 148 149 /* ── OCEAN ── koel blauw-grijs → diep navy ── */150 [data-palette="ocean"] {151 --paper: #f0f6fb; --paper-2: #dce9f4;152 --ink: #0f1e2e; --ink-soft: #1e3a52; --ink-muted: #475569; --ink-faint: #94a3b8;153 --rule: #c7d9ea; --rule-2: #a8c0d6;154 }155 @media (prefers-color-scheme: dark) {156 [data-palette="ocean"]:not([data-theme="light"]) {157 --paper: #0a1929; --paper-2: #152a3f;158 --ink: #e0f2fe; --ink-soft: #bfdbfe; --ink-muted: #93c5fd; --ink-faint: #64748b;159 --rule: #1e3a52; --rule-2: #2a4a68;160 }161 }162 [data-theme="dark"][data-palette="ocean"] {163 --paper: #0a1929; --paper-2: #152a3f;164 --ink: #e0f2fe; --ink-soft: #bfdbfe; --ink-muted: #93c5fd; --ink-faint: #64748b;165 --rule: #1e3a52; --rule-2: #2a4a68;166 }167 149 168 150 /* ── FOREST ── olijfgroen → donker bos ── */ … … 280 262 } 281 263 282 /* ── GOUD ── warm goudgeel → diep amber ── (key blijft 'slate' voor DB-compat) */283 [data-palette="slate"] {284 --paper: #fdf8ea; --paper-2: #f5ebcc;285 --ink: #2a2410; --ink-soft: #4a3f1c; --ink-muted: #7a6c3e; --ink-faint: #b3a474;286 --rule: #ece0bf; --rule-2: #ddca94;287 }288 @media (prefers-color-scheme: dark) {289 [data-palette="slate"]:not([data-theme="light"]) {290 --paper: #1a1608; --paper-2: #2a2410;291 --ink: #f7eecd; --ink-soft: #e0d29f; --ink-muted: #b3a06a; --ink-faint: #7a6c3e;292 --rule: #4a3f1c; --rule-2: #5e5028;293 }294 }295 [data-theme="dark"][data-palette="slate"] {296 --paper: #1a1608; --paper-2: #2a2410;297 --ink: #f7eecd; --ink-soft: #e0d29f; --ink-muted: #b3a06a; --ink-faint: #7a6c3e;298 --rule: #4a3f1c; --rule-2: #5e5028;299 }300 264 301 265 /* ── TERRACOTTA ── warme klei → diep brick ── (key blijft 'mint' voor DB-compat) */ -
src/middleware/site.js
rdd7e2a2 rb20460e 103 103 */ 104 104 export function loadTheme(req, res, next) { 105 const PALETTES = ['klonkt','sage','paper',' ocean','forest','stone','midnight','sunset','cream','rose','slate','mint','lilac'];105 const PALETTES = ['klonkt','sage','paper','forest','stone','midnight','sunset','cream','rose','mint','lilac']; 106 106 107 107 const user = req.session?.user; -
src/services/ThemeService.js
rdd7e2a2 rb20460e 35 35 dark: { paper: '#0a0a0a', ink: '#fafafa', accent: '#ffffff' } 36 36 }, 37 ocean: {38 name: 'Ocean',39 light: { paper: '#f0f6fb', ink: '#0f1e2e', accent: '#0369a1' },40 dark: { paper: '#0a1929', ink: '#e0f2fe', accent: '#38bdf8' }41 },42 37 forest: { 43 38 name: 'Forest', … … 69 64 light: { paper: '#fdf2f4', ink: '#2e1419', accent: '#e11d6b' }, 70 65 dark: { paper: '#1f0a0f', ink: '#fce4ea', accent: '#f06b9a' } 71 },72 // key blijft 'slate' (DB-veilig), maar omgekleurd naar warm Goud — minder blauw.73 slate: {74 name: 'Goud',75 light: { paper: '#fdf8ea', ink: '#2a2410', accent: '#b8860b' },76 dark: { paper: '#1a1608', ink: '#f7eecd', accent: '#d4a72c' }77 66 }, 78 67 // key blijft 'mint' (DB-veilig), maar omgekleurd naar warm Terracotta — minder groen. -
src/views/shell.ejs
rdd7e2a2 rb20460e 163 163 164 164 <!-- v9 stylesheet (full palette system) --> 165 <link rel="stylesheet" href="/assets/css/style.css?v=3 1">165 <link rel="stylesheet" href="/assets/css/style.css?v=32"> 166 166 167 167 <!-- Audio player styles: loaded on every page so the mini-player works
Note:
See TracChangeset
for help on using the changeset viewer.
![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png)