Radish alpha
r
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
fix: Revive light/dark theme toggle
Rūdolfs Ošiņš committed 11 months ago
commit eb73d5d06e327078634c49787026da4e88147c6a
parent 47fb4c8
1 file changed +20 -22
modified assets/css/common.css
@@ -21,28 +21,26 @@
  --color-selection: var(--color-fg-contrast);
}

-
@media (prefers-color-scheme: dark) {
-
  :root {
-
    --color-pink: #f999f9;
-
    --color-yellow: #ffff99;
-
    --color-secondary: #9999ff;
-
    --color-fg-highlight: var(--color-yellow);
-
    --color-fg-highlight-tertiary: #bbeeff;
-
    --color-fg-highlight-secondary: #77dd77;
-
    --color-bg-highlight: #14151a;
-
    --color-bg-default: #0a0d10;
-
    --color-fg-contrast: #f9f9fb;
-
    --color-fg-low-contrast: #d9d9db; /* TODO: tweak this */
-
    --color-fg-dim: #9b9bb1;
-
    --color-fg-emphasized: #7070FF;
-
    --color-fg-match-background: #0a0d10;
-
    --color-fill-secondary: #7070FF;
-
    --color-fill-separator: #24252d;
-
    --color-fill-ghost: #24252D;
-
    --color-border-hint: #24252D;
-
    --color-border-focus: #8585FF;
-
    --color-selection: var(--color-bg-default);
-
  }
+
:root[data-theme="dark"] {
+
  --color-pink: #f999f9;
+
  --color-yellow: #ffff99;
+
  --color-secondary: #9999ff;
+
  --color-fg-highlight: var(--color-yellow);
+
  --color-fg-highlight-tertiary: #bbeeff;
+
  --color-fg-highlight-secondary: #77dd77;
+
  --color-bg-highlight: #14151a;
+
  --color-bg-default: #0a0d10;
+
  --color-fg-contrast: #f9f9fb;
+
  --color-fg-low-contrast: #d9d9db; /* TODO: tweak this */
+
  --color-fg-dim: #9b9bb1;
+
  --color-fg-emphasized: #7070ff;
+
  --color-fg-match-background: #0a0d10;
+
  --color-fill-secondary: #7070ff;
+
  --color-fill-separator: #24252d;
+
  --color-fill-ghost: #24252d;
+
  --color-border-hint: #24252d;
+
  --color-border-focus: #8585ff;
+
  --color-selection: var(--color-bg-default);
}

::selection {