assets/css/default: Reformat color schemes

1 files changed, 59 insertions, 59 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 5fba965..9c135f3 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -43,73 +43,73 @@
 /* ----- Colors ----- */
 
 :root {
-  --primary: 230;
+  --primary:   230;
   --secondary: 258;
-  --accent: 217;
-  --background: hsl(var(--secondary), 99%, 99%);
-  --background-darker: hsl(var(--secondary), 99%, 98%);
-  --background-lighter: hsl(var(--secondary), 100%, 100%);
-  --border: hsl(var(--primary), 35%, 92%);
-  --border-darker: hsl(var(--primary), 35%, 80%);
-  --border-darkest: hsl(var(--primary), 35%, 70%);
-  --button-background: hsl(var(--primary), 0%, 100%);
-  --danger-background-lighter: #fff5f5;
-  --danger-background: #fcd2cf;
-  --danger: #8f0000;
-  --fade: hsl(var(--primary), 35%, 30%);
-  --focus-within-background: hsl(var(--secondary), 52%, 95%);
-  --foreground: hsl(var(--primary), 99%, 5%);
-  --hover-background-alternate: hsl(var(--accent), 100%, 96%);
-  --hover-background: hsl(var(--secondary), 25%, 94%);
-  --icon-focus-background: var(--icon-hover-background);
-  --icon-hover-background: hsl(var(--accent), 100%, 90%);
-  --link: hsl(var(--accent), 99%, 37%);
-  --shadow: hsl(var(--primary), 0%, 60%);
-  --spoiler: hsl(var(--primary), 0%, 27%);
-  --success-background: #d5f3c4;
-  --success: #1d3c0c;
-  --table-even-background: hsl(var(--secondary), 25%, 99%);
-  --table-odd-background: hsl(var(--secondary), 25%, 97%);
-  --text-background: hsl(var(--secondary), 25%, 95%);
-  --warning-background: #ffe699;
-  --warning: #332600;
-  --widget-background: hsl(var(--secondary), 25%, 97%);
+  --accent:    217;
+  --background-darker:          hsl(var(--secondary), 99%,  98%);
+  --background-lighter:         hsl(var(--secondary), 100%, 100%);
+  --background:                 hsl(var(--secondary), 99%,  99%);
+  --border-darker:              hsl(var(--primary),   35%,  80%);
+  --border-darkest:             hsl(var(--primary),   35%,  70%);
+  --border:                     hsl(var(--primary),   35%,  92%);
+  --button-background:          hsl(var(--primary),   0%,   100%);
+  --fade:                       hsl(var(--primary),   35%,  30%);
+  --focus-within-background:    hsl(var(--secondary), 52%,  95%);
+  --foreground:                 hsl(var(--primary),   99%,  5%);
+  --hover-background-alternate: hsl(var(--accent),    100%, 96%);
+  --hover-background:           hsl(var(--secondary), 25%,  94%);
+  --icon-hover-background:      hsl(var(--accent),    100%, 90%);
+  --link:                       hsl(var(--accent),    99%,  37%);
+  --shadow:                     hsl(var(--primary),   0%,   60%);
+  --spoiler:                    hsl(var(--primary),   0%,   27%);
+  --table-even-background:      hsl(var(--secondary), 25%,  99%);
+  --table-odd-background:       hsl(var(--secondary), 25%,  97%);
+  --text-background:            hsl(var(--secondary), 25%,  95%);
+  --widget-background:          hsl(var(--secondary), 25%,  97%);
+  --icon-focus-background:      var(--icon-hover-background);
+  --danger-background-lighter:  #fff5f5;
+  --danger-background:          #fcd2cf;
+  --danger:                     #8f0000;
+  --success-background:         #d5f3c4;
+  --success:                    #1d3c0c;
+  --warning-background:         #ffe699;
+  --warning:                    #332600;
   color-scheme: light;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --primary: 0;
+    --primary:   0;
     --secondary: 0;
-    --accent: 219;
-    --background: hsl(var(--secondary), 0%, 7%);
-    --background-darker: hsl(var(--secondary), 0%, 5%);
-    --background-lighter: hsl(var(--secondary), 0%, 9%);
-    --border: hsl(var(--secondary), 0%, 15%);
-    --border-darker: hsl(var(--secondary), 0%, 33%);
-    --border-darkest: hsl(var(--secondary), 0%, 60%);
-    --button-background: hsl(var(--secondary), 0%, 20%);
-    --danger-background-lighter: #261717;
-    --danger-background: #4f1c1c;
-    --danger: #ff9494;
-    --fade: hsl(var(--secondary), 0%, 66%);
-    --focus-within-background: #291933;
-    --foreground: hsl(var(--secondary), 0%, 87%);
+    --accent:    219;
+    --background-darker:          hsl(var(--secondary), 0%,   5%);
+    --background-lighter:         hsl(var(--secondary), 0%,   9%);
+    --background:                 hsl(var(--secondary), 0%,   7%);
+    --border-darker:              hsl(var(--secondary), 0%,   33%);
+    --border-darkest:             hsl(var(--secondary), 0%,   60%);
+    --border:                     hsl(var(--secondary), 0%,   15%);
+    --button-background:          hsl(var(--secondary), 0%,   20%);
+    --fade:                       hsl(var(--secondary), 0%,   66%);
+    --foreground:                 hsl(var(--secondary), 0%,   87%);
+    --hover-background:           hsl(var(--secondary), 0%,   14%);
+    --icon-hover-background:      hsl(var(--accent),    35%,  25%);
+    --link:                       hsl(var(--accent),    100%, 82%);
+    --shadow:                     hsl(var(--primary),   0%,   40%);
+    --spoiler:                    hsl(var(--secondary), 0%,   67%);
+    --table-even-background:      hsl(var(--secondary), 0%,   12%);
+    --table-odd-background:       hsl(var(--secondary), 0%,   9%);
+    --text-background:            hsl(var(--secondary), 0%,   17%);
+    --widget-background:          hsl(var(--secondary), 0%,   9%);
+    --focus-within-background:    #291933;
     --hover-background-alternate: #1c263a;
-    --hover-background: hsl(var(--secondary), 0%, 14%);
-    --icon-focus-background: #88aefb;
-    --icon-hover-background: hsl(var(--accent), 35%, 25%);
-    --link: hsl(var(--accent), 100%, 82%);
-    --shadow: hsl(var(--primary), 0%, 40%);
-    --spoiler: hsl(var(--secondary), 0%, 67%);
-    --success-background: #2d3e0f;
-    --success: #d5f3c4;
-    --table-even-background: hsl(var(--secondary), 0%, 12%);
-    --table-odd-background: hsl(var(--secondary), 0%, 9%);
-    --text-background: hsl(var(--secondary), 0%, 17%);
-    --warning-background: #a89700;
-    --warning: #000;
-    --widget-background: hsl(var(--secondary), 0%, 9%);
+    --danger-background-lighter:  #261717;
+    --icon-focus-background:      #88aefb;
+    --success-background:         #2d3e0f;
+    --success:                    #d5f3c4;
+    --warning-background:         #a89700;
+    --warning:                    #000;
+    --danger-background:          #4f1c1c;
+    --danger:                     #ff9494;
     color-scheme: dark;
   }
   kbd,