Changeset 5416101 in Klonkt for src/assets/css/style.css

Timestamp:

06/23/2026 03:51:59 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

bff0b67

Parents:

9b851e7

Message:

fix: klonkt palette dark = pure navy (no golden accent wash on the bg)

body::before applied an accent(=gold) wash over the navy → warm/brownish tint.
For [data-palette=klonkt] in dark mode now a navy-depth radial (#1a1f2b) instead
of the accent wash. Other palettes/light unchanged. Matches the klonkt.com look.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/css/style.css (modified) (1 diff)

src/assets/css/style.css

@@ -359 +359 @@
     background: radial-gradient(ellipse at top, color-mix(in srgb, var(--accent) 3%, transparent), transparent 60%),
                 radial-gradient(ellipse at bottom right, color-mix(in srgb, var(--accent) 4%, transparent), transparent 55%);
+}
+/* Klonkt-palet (donker): zuivere navy-diepte i.p.v. de accent(goud)-wash — anders
+   kleurt het gouden accent de navy warm/bruinig. Matcht de klonkt.com-look. */
+[data-theme="dark"][data-palette="klonkt"] body:not(.admin)::before {
+    background: radial-gradient(ellipse at top, #1a1f2b 0%, transparent 62%);
+}
+@media (prefers-color-scheme: dark) {
+    [data-palette="klonkt"]:not([data-theme="light"]) body:not(.admin)::before {
+        background: radial-gradient(ellipse at top, #1a1f2b 0%, transparent 62%);
+    }
 }
 ::selection { background: var(--accent-tint); color: var(--accent); }