fix: reapply color changes from #39ab174

src/parts/_base.css

@@ -7,7 +7,7 @@ body {
   padding: 0 10px;
 
   color: var(--text-main);
-  background: var(--background);
+  background: var(--background-body);
 
   text-rendering: optimizeLegibility;
 }

src/parts/_code.css

@@ -1,6 +1,6 @@
 code,
 kbd {
-  background: var(--background-alt);
+  background: var(--background);
   color: var(--code);
   padding: 2.5px 5px;
   border-radius: 6px;

src/parts/_forms.css

@@ -10,9 +10,12 @@ select {
   display: block;
 }
 
-input, select, button, textarea {
+input,
+select,
+button,
+textarea {
   color: var(--form-text);
-  background-color: var(--background-alt);
+  background-color: var(--background);
 
   font-family: inherit;
   font-size: inherit;
@@ -27,7 +30,9 @@ input, select, button, textarea {
 }
 
 input:not([type='checkbox']):not([type='radio']),
-select, button, textarea {
+select,
+button,
+textarea {
   -webkit-appearance: none;
 }
 
@@ -38,7 +43,9 @@ textarea {
   resize: vertical;
 }
 
-button, input[type='submit'], input[type='button'] {
+button,
+input[type='submit'],
+input[type='button'] {
   padding-right: 30px;
   padding-left: 30px;
 }
@@ -69,9 +76,9 @@ select:disabled,
 button:disabled,
 textarea:disabled {
   cursor: not-allowed;
-  opacity: .5;
+  opacity: 0.5;
 }
 
 ::placeholder {
   color: var(--form-placeholder);
-}
+}

src/parts/_misc.css

@@ -14,7 +14,8 @@ table {
   width: 100%;
 }
 
-td, th {
+td,
+th {
   padding: 6px;
   text-align: left;
 }
@@ -33,7 +34,7 @@ tbody tr:nth-child(even) {
 }
 
 ::-webkit-scrollbar-track {
-  background: var(--background-alt);
+  background: var(--background);
   border-radius: 6px;
 }
 
@@ -48,4 +49,4 @@ tbody tr:nth-child(even) {
 
 ::selection {
   background-color: var(--selection);
-}
+}

src/variables-dark.css

@@ -1,6 +1,7 @@
 :root {
-  --background: #202b38;
-  --background-alt: #161f27;
+  --background-body: #202b38;
+  --background: #161f27;
+  --background-alt: #1a242f;
 
   --selection: #161f27;
 

src/variables-light.css

@@ -1,6 +1,7 @@
 :root {
-  --background: #ffffff;
-  --background-alt: #efefef;
+  --background-body: #ffffff;
+  --background: #efefef;
+  --background-alt: #f7f7f7;
 
   --selection: #9e9e9e;