From 585e2044288cde8d4596c82eb2e0c174103a368f Mon Sep 17 00:00:00 2001
From: Laura Hausmann <laura@hausmann.dev>
Date: Mon, 22 Jul 2024 21:26:32 +0200
Subject: [PATCH] [backend/razor] Drop light theme from default.css

---
 Iceshrimp.Backend/wwwroot/css/default.css | 983 +++-------------------
 1 file changed, 94 insertions(+), 889 deletions(-)

diff --git a/Iceshrimp.Backend/wwwroot/css/default.css b/Iceshrimp.Backend/wwwroot/css/default.css
index 4d60e43b..25adc08b 100644
--- a/Iceshrimp.Backend/wwwroot/css/default.css
+++ b/Iceshrimp.Backend/wwwroot/css/default.css
@@ -3,109 +3,35 @@
  */
 
 :root {
-    --background-body: #fff;
-    --background: #efefef;
-    --background-alt: #f7f7f7;
-    --selection: #9e9e9e;
-    --text-main: #363636;
-    --text-bright: #000;
-    --text-muted: #70777f;
-    --links: #0076d1;
+    --background-body: #202b38;
+    --background: #161f27;
+    --background-alt: #1a242f;
+    --selection: #1c76c5;
+    --text-main: #dbdbdb;
+    --text-bright: #fff;
+    --text-muted: #a9b1ba;
+    --links: #41adff;
     --focus: #0096bfab;
-    --border: #dbdbdb;
-    --code: #000;
+    --border: #526980;
+    --code: #ffbe85;
     --animation-duration: 0.1s;
-    --button-base: #d0cfcf;
-    --button-hover: #9b9b9b;
-    --scrollbar-thumb: rgb(170, 170, 170);
-    --scrollbar-thumb-hover: var(--button-hover);
-    --form-placeholder: #949494;
-    --form-text: #1d1d1d;
-    --variable: #39a33c;
-    --highlight: #ff0;
-    --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --background-body: #202b38;
-        --background: #161f27;
-        --background-alt: #1a242f;
-        --selection: #1c76c5;
-        --text-main: #dbdbdb;
-        --text-bright: #fff;
-        --text-muted: #a9b1ba;
-        --links: #41adff;
-        --focus: #0096bfab;
-        --border: #526980;
-        --code: #ffbe85;
-        --animation-duration: 0.1s;
-        --button-base: #0c151c;
-        --button-hover: #040a0f;
-        --scrollbar-thumb: var(--button-hover);
-        --scrollbar-thumb-hover: rgb(0, 0, 0);
-        --form-placeholder: #a9a9a9;
-        --form-text: #fff;
-        --variable: #d941e2;
-        --highlight: #efdb43;
-        --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
-    }
+    --button-base: #0c151c;
+    --button-hover: #040a0f;
+    --scrollbar-thumb: var(--button-hover);
+    --scrollbar-thumb-hover: rgb(0, 0, 0);
+    --form-placeholder: #a9a9a9;
+    --form-text: #fff;
+    --variable: #d941e2;
+    --highlight: #efdb43;
+    --select-arrow: url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E");
 }
 
 html {
-    scrollbar-color: rgb(170, 170, 170) #fff;
+    scrollbar-color: #040a0f #202b38;
     scrollbar-color: var(--scrollbar-thumb) var(--background-body);
     scrollbar-width: thin;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    html {
-        scrollbar-color: #040a0f #202b38;
-        scrollbar-color: var(--scrollbar-thumb) var(--background-body);
-    }
-}
-
 body {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
     line-height: 1.4;
@@ -113,29 +39,13 @@ body {
     margin: 20px auto;
     padding: 0 10px;
     word-wrap: break-word;
-    color: #363636;
+    color: #dbdbdb;
     color: var(--text-main);
-    background: #fff;
+    background: #202b38;
     background: var(--background-body);
     text-rendering: optimizeLegibility;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    body {
-        background: #202b38;
-        background: var(--background-body);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    body {
-        color: #dbdbdb;
-        color: var(--text-main);
-    }
-}
-
 button {
     transition: background-color 0.1s linear,
     border-color 0.1s linear,
@@ -149,22 +59,6 @@ button {
     transform var(--animation-duration) ease;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    button {
-        transition: background-color 0.1s linear,
-        border-color 0.1s linear,
-        color 0.1s linear,
-        box-shadow 0.1s linear,
-        transform 0.1s ease;
-        transition: background-color var(--animation-duration) linear,
-        border-color var(--animation-duration) linear,
-        color var(--animation-duration) linear,
-        box-shadow var(--animation-duration) linear,
-        transform var(--animation-duration) ease;
-    }
-}
-
 input {
     transition: background-color 0.1s linear,
     border-color 0.1s linear,
@@ -178,22 +72,6 @@ input {
     transform var(--animation-duration) ease;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input {
-        transition: background-color 0.1s linear,
-        border-color 0.1s linear,
-        color 0.1s linear,
-        box-shadow 0.1s linear,
-        transform 0.1s ease;
-        transition: background-color var(--animation-duration) linear,
-        border-color var(--animation-duration) linear,
-        color var(--animation-duration) linear,
-        box-shadow var(--animation-duration) linear,
-        transform var(--animation-duration) ease;
-    }
-}
-
 textarea {
     transition: background-color 0.1s linear,
     border-color 0.1s linear,
@@ -207,22 +85,6 @@ textarea {
     transform var(--animation-duration) ease;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    textarea {
-        transition: background-color 0.1s linear,
-        border-color 0.1s linear,
-        color 0.1s linear,
-        box-shadow 0.1s linear,
-        transform 0.1s ease;
-        transition: background-color var(--animation-duration) linear,
-        border-color var(--animation-duration) linear,
-        color var(--animation-duration) linear,
-        box-shadow var(--animation-duration) linear,
-        transform var(--animation-duration) ease;
-    }
-}
-
 h1 {
     font-size: 2.2em;
     margin-top: 0;
@@ -239,96 +101,40 @@ h6 {
 }
 
 h1 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h1 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h2 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h2 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h3 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h3 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h4 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h4 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h5 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h5 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h6 {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    h6 {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 strong {
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    strong {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
 h1,
 h2,
 h3,
@@ -357,14 +163,6 @@ blockquote {
     font-style: italic;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    blockquote {
-        border-left: 4px solid #0096bfab;
-        border-left: 4px solid var(--focus);
-    }
-}
-
 q {
     border-left: 4px solid #0096bfab;
     border-left: 4px solid var(--focus);
@@ -373,14 +171,6 @@ q {
     font-style: italic;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    q {
-        border-left: 4px solid #0096bfab;
-        border-left: 4px solid var(--focus);
-    }
-}
-
 blockquote > footer {
     font-style: normal;
     border: 0;
@@ -407,21 +197,13 @@ a[href^='sms\:']::before {
 }
 
 mark {
-    background-color: #ff0;
+    background-color: #efdb43;
     background-color: var(--highlight);
     border-radius: 2px;
     padding: 0 2px 0 2px;
     color: #000;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    mark {
-        background-color: #efdb43;
-        background-color: var(--highlight);
-    }
-}
-
 a > code,
 a > strong {
     color: inherit;
@@ -449,9 +231,9 @@ select {
 }
 
 input {
-    color: #1d1d1d;
+    color: #fff;
     color: var(--form-text);
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     font-family: inherit;
     font-size: inherit;
@@ -463,26 +245,10 @@ input {
     outline: none;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    input {
-        color: #fff;
-        color: var(--form-text);
-    }
-}
-
 button {
-    color: #1d1d1d;
+    color: #fff;
     color: var(--form-text);
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     font-family: inherit;
     font-size: inherit;
@@ -494,26 +260,10 @@ button {
     outline: none;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    button {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    button {
-        color: #fff;
-        color: var(--form-text);
-    }
-}
-
 textarea {
-    color: #1d1d1d;
+    color: #fff;
     color: var(--form-text);
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     font-family: inherit;
     font-size: inherit;
@@ -525,26 +275,10 @@ textarea {
     outline: none;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    textarea {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    textarea {
-        color: #fff;
-        color: var(--form-text);
-    }
-}
-
 select {
-    color: #1d1d1d;
+    color: #fff;
     color: var(--form-text);
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     font-family: inherit;
     font-size: inherit;
@@ -556,134 +290,54 @@ select {
     outline: none;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    select {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    select {
-        color: #fff;
-        color: var(--form-text);
-    }
-}
-
 button {
-    background-color: #d0cfcf;
+    background-color: #0c151c;
     background-color: var(--button-base);
     padding-right: 30px;
     padding-left: 30px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    button {
-        background-color: #0c151c;
-        background-color: var(--button-base);
-    }
-}
-
 input[type='submit'] {
-    background-color: #d0cfcf;
+    background-color: #0c151c;
     background-color: var(--button-base);
     padding-right: 30px;
     padding-left: 30px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='submit'] {
-        background-color: #0c151c;
-        background-color: var(--button-base);
-    }
-}
-
 input[type='reset'] {
-    background-color: #d0cfcf;
+    background-color: #0c151c;
     background-color: var(--button-base);
     padding-right: 30px;
     padding-left: 30px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='reset'] {
-        background-color: #0c151c;
-        background-color: var(--button-base);
-    }
-}
-
 input[type='button'] {
-    background-color: #d0cfcf;
+    background-color: #0c151c;
     background-color: var(--button-base);
     padding-right: 30px;
     padding-left: 30px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='button'] {
-        background-color: #0c151c;
-        background-color: var(--button-base);
-    }
-}
-
 button:hover {
-    background: #9b9b9b;
+    background: #040a0f;
     background: var(--button-hover);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    button:hover {
-        background: #040a0f;
-        background: var(--button-hover);
-    }
-}
-
 input[type='submit']:hover {
-    background: #9b9b9b;
+    background: #040a0f;
     background: var(--button-hover);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='submit']:hover {
-        background: #040a0f;
-        background: var(--button-hover);
-    }
-}
-
 input[type='reset']:hover {
-    background: #9b9b9b;
+    background: #040a0f;
     background: var(--button-hover);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='reset']:hover {
-        background: #040a0f;
-        background: var(--button-hover);
-    }
-}
-
 input[type='button']:hover {
-    background: #9b9b9b;
+    background: #040a0f;
     background: var(--button-hover);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='button']:hover {
-        background: #040a0f;
-        background: var(--button-hover);
-    }
-}
-
 input[type='color'] {
     min-height: 2rem;
     padding: 8px;
@@ -735,43 +389,11 @@ textarea:not([rows]) {
 }
 
 select {
-    background: #efefef url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23161f27'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
+    background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
     background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
     padding-right: 35px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    select {
-        background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
-        background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    select {
-        background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
-        background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    select {
-        background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
-        background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    select {
-        background: #161f27 url("data:image/svg+xml;charset=utf-8,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='62.5' width='116.9' fill='%23efefef'%3E %3Cpath d='M115.3,1.6 C113.7,0 111.1,0 109.5,1.6 L58.5,52.7 L7.4,1.6 C5.8,0 3.2,0 1.6,1.6 C0,3.2 0,5.8 1.6,7.4 L55.5,61.3 C56.3,62.1 57.3,62.5 58.4,62.5 C59.4,62.5 60.5,62.1 61.3,61.3 L115.2,7.4 C116.9,5.8 116.9,3.2 115.3,1.6Z'/%3E %3C/svg%3E") calc(100% - 12px) 50% / 12px no-repeat;
-        background: var(--background) var(--select-arrow) calc(100% - 12px) 50% / 12px no-repeat;
-    }
-}
-
 select::-ms-expand {
     display: none;
 }
@@ -787,53 +409,21 @@ input:focus {
     box-shadow: 0 0 0 2px var(--focus);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input:focus {
-        box-shadow: 0 0 0 2px #0096bfab;
-        box-shadow: 0 0 0 2px var(--focus);
-    }
-}
-
 select:focus {
     box-shadow: 0 0 0 2px #0096bfab;
     box-shadow: 0 0 0 2px var(--focus);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    select:focus {
-        box-shadow: 0 0 0 2px #0096bfab;
-        box-shadow: 0 0 0 2px var(--focus);
-    }
-}
-
 button:focus {
     box-shadow: 0 0 0 2px #0096bfab;
     box-shadow: 0 0 0 2px var(--focus);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    button:focus {
-        box-shadow: 0 0 0 2px #0096bfab;
-        box-shadow: 0 0 0 2px var(--focus);
-    }
-}
-
 textarea:focus {
     box-shadow: 0 0 0 2px #0096bfab;
     box-shadow: 0 0 0 2px var(--focus);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    textarea:focus {
-        box-shadow: 0 0 0 2px #0096bfab;
-        box-shadow: 0 0 0 2px var(--focus);
-    }
-}
-
 input[type='checkbox']:active,
 input[type='radio']:active,
 input[type='submit']:active,
@@ -853,48 +443,25 @@ textarea:disabled {
 }
 
 ::-moz-placeholder {
-    color: #949494;
+    color: #a9a9a9;
     color: var(--form-placeholder);
 }
 
 :-ms-input-placeholder {
-    color: #949494;
+    color: #a9a9a9;
     color: var(--form-placeholder);
 }
 
 ::-ms-input-placeholder {
-    color: #949494;
+    color: #a9a9a9;
     color: var(--form-placeholder);
 }
 
 ::placeholder {
-    color: #949494;
+    color: #a9a9a9;
     color: var(--form-placeholder);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    ::-moz-placeholder {
-        color: #a9a9a9;
-        color: var(--form-placeholder);
-    }
-
-    :-ms-input-placeholder {
-        color: #a9a9a9;
-        color: var(--form-placeholder);
-    }
-
-    ::-ms-input-placeholder {
-        color: #a9a9a9;
-        color: var(--form-placeholder);
-    }
-
-    ::placeholder {
-        color: #a9a9a9;
-        color: var(--form-placeholder);
-    }
-}
-
 fieldset {
     border: 1px #0096bfab solid;
     border: 1px var(--focus) solid;
@@ -904,14 +471,6 @@ fieldset {
     padding: 10px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    fieldset {
-        border: 1px #0096bfab solid;
-        border: 1px var(--focus) solid;
-    }
-}
-
 legend {
     font-size: 0.9em;
     font-weight: 600;
@@ -932,86 +491,46 @@ input[type='range']::-webkit-slider-runnable-track {
     height: 9.5px;
     -webkit-transition: 0.2s;
     transition: 0.2s;
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
     border-radius: 3px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-webkit-slider-runnable-track {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']::-webkit-slider-thumb {
     box-shadow: 0 1px 1px #000, 0 0 1px #0d0d0d;
     height: 20px;
     width: 20px;
     border-radius: 50%;
-    background: #dbdbdb;
+    background: #526980;
     background: var(--border);
     -webkit-appearance: none;
     margin-top: -7px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-webkit-slider-thumb {
-        background: #526980;
-        background: var(--border);
-    }
-}
-
 input[type='range']:focus::-webkit-slider-runnable-track {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']:focus::-webkit-slider-runnable-track {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']::-moz-range-track {
     width: 100%;
     height: 9.5px;
     -moz-transition: 0.2s;
     transition: 0.2s;
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
     border-radius: 3px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-moz-range-track {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']::-moz-range-thumb {
     box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
     height: 20px;
     width: 20px;
     border-radius: 50%;
-    background: #dbdbdb;
+    background: #526980;
     background: var(--border);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-moz-range-thumb {
-        background: #526980;
-        background: var(--border);
-    }
-}
-
 input[type='range']::-ms-track {
     width: 100%;
     height: 9.5px;
@@ -1022,177 +541,81 @@ input[type='range']::-ms-track {
 }
 
 input[type='range']::-ms-fill-lower {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
     border: 0.2px solid #010101;
     border-radius: 3px;
     box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-ms-fill-lower {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']::-ms-fill-upper {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
     border: 0.2px solid #010101;
     border-radius: 3px;
     box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-ms-fill-upper {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']::-ms-thumb {
     box-shadow: 1px 1px 1px #000, 0 0 1px #0d0d0d;
     border: 1px solid #000;
     height: 20px;
     width: 20px;
     border-radius: 50%;
-    background: #dbdbdb;
+    background: #526980;
     background: var(--border);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']::-ms-thumb {
-        background: #526980;
-        background: var(--border);
-    }
-}
-
 input[type='range']:focus::-ms-fill-lower {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']:focus::-ms-fill-lower {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 input[type='range']:focus::-ms-fill-upper {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    input[type='range']:focus::-ms-fill-upper {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 a {
     text-decoration: none;
-    color: #0076d1;
+    color: #41adff;
     color: var(--links);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    a {
-        color: #41adff;
-        color: var(--links);
-    }
-}
-
 a:hover {
     text-decoration: underline;
 }
 
 code {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
-    color: #000;
+    color: #ffbe85;
     color: var(--code);
     padding: 2.5px 5px;
     border-radius: 6px;
     font-size: 1em;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    code {
-        color: #ffbe85;
-        color: var(--code);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    code {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 samp {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
-    color: #000;
+    color: #ffbe85;
     color: var(--code);
     padding: 2.5px 5px;
     border-radius: 6px;
     font-size: 1em;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    samp {
-        color: #ffbe85;
-        color: var(--code);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    samp {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 time {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
-    color: #000;
+    color: #ffbe85;
     color: var(--code);
     padding: 2.5px 5px;
     border-radius: 6px;
     font-size: 1em;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    time {
-        color: #ffbe85;
-        color: var(--code);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    time {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 pre > code {
     padding: 10px;
     display: block;
@@ -1200,55 +623,23 @@ pre > code {
 }
 
 var {
-    color: #39a33c;
+    color: #d941e2;
     color: var(--variable);
     font-style: normal;
     font-family: monospace;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    var {
-        color: #d941e2;
-        color: var(--variable);
-    }
-}
-
 kbd {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
-    border: 1px solid #dbdbdb;
+    border: 1px solid #526980;
     border: 1px solid var(--border);
     border-radius: 2px;
-    color: #363636;
+    color: #dbdbdb;
     color: var(--text-main);
     padding: 2px 4px 2px 4px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    kbd {
-        color: #dbdbdb;
-        color: var(--text-main);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    kbd {
-        border: 1px solid #526980;
-        border: 1px solid var(--border);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    kbd {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 img,
 video {
     max-width: 100%;
@@ -1257,18 +648,10 @@ video {
 
 hr {
     border: none;
-    border-top: 1px solid #dbdbdb;
+    border-top: 1px solid #526980;
     border-top: 1px solid var(--border);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    hr {
-        border-top: 1px solid #526980;
-        border-top: 1px solid var(--border);
-    }
-}
-
 table {
     border-collapse: collapse;
     margin-bottom: 10px;
@@ -1289,177 +672,71 @@ th {
 }
 
 thead {
-    border-bottom: 1px solid #dbdbdb;
+    border-bottom: 1px solid #526980;
     border-bottom: 1px solid var(--border);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    thead {
-        border-bottom: 1px solid #526980;
-        border-bottom: 1px solid var(--border);
-    }
-}
-
 tfoot {
-    border-top: 1px solid #dbdbdb;
+    border-top: 1px solid #526980;
     border-top: 1px solid var(--border);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    tfoot {
-        border-top: 1px solid #526980;
-        border-top: 1px solid var(--border);
-    }
-}
-
 tbody tr:nth-child(even) {
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    tbody tr:nth-child(even) {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
 tbody tr:nth-child(even) button {
-    background-color: #f7f7f7;
+    background-color: #1a242f;
     background-color: var(--background-alt);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    tbody tr:nth-child(even) button {
-        background-color: #1a242f;
-        background-color: var(--background-alt);
-    }
-}
-
 tbody tr:nth-child(even) button:hover {
-    background-color: #fff;
+    background-color: #202b38;
     background-color: var(--background-body);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    tbody tr:nth-child(even) button:hover {
-        background-color: #202b38;
-        background-color: var(--background-body);
-    }
-}
-
 ::-webkit-scrollbar {
     height: 10px;
     width: 10px;
 }
 
 ::-webkit-scrollbar-track {
-    background: #efefef;
+    background: #161f27;
     background: var(--background);
     border-radius: 6px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    ::-webkit-scrollbar-track {
-        background: #161f27;
-        background: var(--background);
-    }
-}
-
 ::-webkit-scrollbar-thumb {
-    background: rgb(170, 170, 170);
+    background: #040a0f;
     background: var(--scrollbar-thumb);
     border-radius: 6px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    ::-webkit-scrollbar-thumb {
-        background: #040a0f;
-        background: var(--scrollbar-thumb);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    ::-webkit-scrollbar-thumb {
-        background: #040a0f;
-        background: var(--scrollbar-thumb);
-    }
-}
-
 ::-webkit-scrollbar-thumb:hover {
-    background: #9b9b9b;
+    background: rgb(0, 0, 0);
     background: var(--scrollbar-thumb-hover);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    ::-webkit-scrollbar-thumb:hover {
-        background: rgb(0, 0, 0);
-        background: var(--scrollbar-thumb-hover);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    ::-webkit-scrollbar-thumb:hover {
-        background: rgb(0, 0, 0);
-        background: var(--scrollbar-thumb-hover);
-    }
-}
-
 ::-moz-selection {
-    background-color: #9e9e9e;
+    background-color: #1c76c5;
     background-color: var(--selection);
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
 ::selection {
-    background-color: #9e9e9e;
+    background-color: #1c76c5;
     background-color: var(--selection);
-    color: #000;
+    color: #fff;
     color: var(--text-bright);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    ::-moz-selection {
-        color: #fff;
-        color: var(--text-bright);
-    }
-
-    ::selection {
-        color: #fff;
-        color: var(--text-bright);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    ::-moz-selection {
-        background-color: #1c76c5;
-        background-color: var(--selection);
-    }
-
-    ::selection {
-        background-color: #1c76c5;
-        background-color: var(--selection);
-    }
-}
-
 details {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    background-color: #f7f7f7;
+    background-color: #1a242f;
     background-color: var(--background-alt);
     padding: 10px 10px 0;
     margin: 1em 0;
@@ -1467,14 +744,6 @@ details {
     overflow: hidden;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    details {
-        background-color: #1a242f;
-        background-color: var(--background-alt);
-    }
-}
-
 details[open] {
     padding: 10px;
 }
@@ -1489,7 +758,7 @@ details[open] summary {
 
 summary {
     display: list-item;
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     padding: 10px;
     margin: -10px -10px 0;
@@ -1497,14 +766,6 @@ summary {
     outline: none;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    summary {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
 summary:hover,
 summary:focus {
     text-decoration: underline;
@@ -1515,56 +776,24 @@ details > :not(summary) {
 }
 
 summary::-webkit-details-marker {
-    color: #363636;
+    color: #dbdbdb;
     color: var(--text-main);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    summary::-webkit-details-marker {
-        color: #dbdbdb;
-        color: var(--text-main);
-    }
-}
-
 dialog {
-    background-color: #f7f7f7;
+    background-color: #1a242f;
     background-color: var(--background-alt);
-    color: #363636;
+    color: #dbdbdb;
     color: var(--text-main);
     border: none;
     border-radius: 6px;
-    border-color: #dbdbdb;
+    border-color: #526980;
     border-color: var(--border);
     padding: 10px 30px;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    dialog {
-        border-color: #526980;
-        border-color: var(--border);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    dialog {
-        color: #dbdbdb;
-        color: var(--text-main);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    dialog {
-        background-color: #1a242f;
-        background-color: var(--background-alt);
-    }
-}
-
 dialog > header:first-child {
-    background-color: #efefef;
+    background-color: #161f27;
     background-color: var(--background);
     border-radius: 6px 6px 0 0;
     margin: -10px -30px 10px;
@@ -1572,14 +801,6 @@ dialog > header:first-child {
     text-align: center;
 }
 
-@media (prefers-color-scheme: dark) {
-
-    dialog > header:first-child {
-        background-color: #161f27;
-        background-color: var(--background);
-    }
-}
-
 dialog::-webkit-backdrop {
     background: #0000009c;
     -webkit-backdrop-filter: blur(4px);
@@ -1593,29 +814,13 @@ dialog::backdrop {
 }
 
 footer {
-    border-top: 1px solid #dbdbdb;
+    border-top: 1px solid #526980;
     border-top: 1px solid var(--border);
     padding-top: 10px;
-    color: #70777f;
+    color: #a9b1ba;
     color: var(--text-muted);
 }
 
-@media (prefers-color-scheme: dark) {
-
-    footer {
-        color: #a9b1ba;
-        color: var(--text-muted);
-    }
-}
-
-@media (prefers-color-scheme: dark) {
-
-    footer {
-        border-top: 1px solid #526980;
-        border-top: 1px solid var(--border);
-    }
-}
-
 body > footer {
     margin-top: 40px;
 }