diff --git a/src/_variables/README.md b/src/_variables/README.md
deleted file mode 100755
index 18ae53c..0000000
--- a/src/_variables/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-Every file matching variables-*.scss in src/ will be processed with PostCSS,
-prefixed with "_" and copied to this folder at build time.
-
-> ⚠ Any changes you make to files within this folder **will be overwritten** on next build!
-
-→ Edit variables within `src/variables-[...].scss`  
-→ Use them within Sass by importing `src/_variables/_variables-[...]`.
diff --git a/src/_variables/_variables-dark.scss b/src/_variables/_variables-dark.scss
deleted file mode 100755
index 7c2d44c..0000000
--- a/src/_variables/_variables-dark.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/* To use this file from Sass, import `_variables/_variables-dark` */
-
-:root {
-  --background: #202b38;
-  --background-alt: #161f27;
-
-  --selection: #161f27;
-
-  --text-main: #dbdbdb;
-  --text-bright: #ffffff;
-
-  --links: #41adff;
-  --focus: #0096bfab;
-  --border: #dbdbdb;
-  --code: #ffbe85;
-
-  --animation-duration: 0.1s;
-  --button-hover: #324759;
-
-  --scrollbar-thumb: #324759;
-  --scrollbar-thumb-hover: #{lighten(#324759, 8%)};
-
-  --form-placeholder: #a9a9a9;
-  --form-text: #ffffff;
-}
diff --git a/src/_variables/_variables-light.scss b/src/_variables/_variables-light.scss
deleted file mode 100755
index 3467f8c..0000000
--- a/src/_variables/_variables-light.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/* To use this file from Sass, import `_variables/_variables-light` */
-
-:root {
---background: #ffffff;
---background-alt: #efefef;
-
---selection: #9e9e9e;
-
---text-main: #363636;
---text-bright: #000000;
-
---links: #0076d1;
---focus: #0096bfab;
---border: #dbdbdb;
---code: #000000;
-
---animation-duration: 0.1s;
---button-hover: #dddddd;
-
---scrollbar-thumb: #{darken( #dddddd, 3% )};
---scrollbar-thumb-hover: #{darken( #dddddd, 10% )};
-
---form-placeholder: #949494;
---form-text: #000000;
-}
diff --git a/src/builds/dark-legacy.scss b/src/builds/dark-legacy.css
similarity index 100%
rename from src/builds/dark-legacy.scss
rename to src/builds/dark-legacy.css
diff --git a/src/builds/dark.scss b/src/builds/dark.css
similarity index 63%
rename from src/builds/dark.scss
rename to src/builds/dark.css
index e958c58..d0547fd 100644
--- a/src/builds/dark.scss
+++ b/src/builds/dark.css
@@ -7,10 +7,7 @@
  * at runtime in the browser.
  */
 
-@import '../_variables/_variables-dark';
+@import '../variables-dark.css';
+@import '../variables-light.css' (prefers-color-scheme: light);
 
-@media (prefers-color-scheme: light) {
-  @import '../_variables/_variables-light';
-}
-
-@import '../parts/core';
+@import '../parts/_core.css';
diff --git a/src/builds/dark.standalone.scss b/src/builds/dark.standalone.css
similarity index 72%
rename from src/builds/dark.standalone.scss
rename to src/builds/dark.standalone.css
index 7f9932c..421e316 100755
--- a/src/builds/dark.standalone.scss
+++ b/src/builds/dark.standalone.css
@@ -4,5 +4,5 @@
  * will only include regular CSS, no variables.
  */
 
-@import '../_variables/variables-dark';
-@import '../parts/core';
+@import '../variables-dark.css';
+@import '../parts/_core.css';
diff --git a/src/builds/light-legacy.scss b/src/builds/light-legacy.css
similarity index 100%
rename from src/builds/light-legacy.scss
rename to src/builds/light-legacy.css
diff --git a/src/builds/light.scss b/src/builds/light.css
similarity index 64%
rename from src/builds/light.scss
rename to src/builds/light.css
index 89205db..21633d1 100644
--- a/src/builds/light.scss
+++ b/src/builds/light.css
@@ -7,10 +7,8 @@
  * at runtime in the browser.
  */
 
-@import '../_variables/variables-light';
+@import '../variables-light.css';
+@import '../variables-dark.css' (prefers-color-scheme: dark);
 
-@media (prefers-color-scheme: dark) {
-  @import '../_variables/variables-dark';
-}
 
-@import '../parts/core';
\ No newline at end of file
+@import '../parts/_core.css';
\ No newline at end of file
diff --git a/src/builds/light.standalone.scss b/src/builds/light.standalone.css
similarity index 72%
rename from src/builds/light.standalone.scss
rename to src/builds/light.standalone.css
index eab8a85..555084b 100755
--- a/src/builds/light.standalone.scss
+++ b/src/builds/light.standalone.css
@@ -4,5 +4,5 @@
  * will only include regular CSS, no variables.
  */
 
-@import '../_variables/variables-light';
-@import '../parts/core';
+@import '../variables-light.css';
+@import '../parts/_core.css';
diff --git a/src/parts/_base.scss b/src/parts/_base.css
similarity index 100%
rename from src/parts/_base.scss
rename to src/parts/_base.css
diff --git a/src/parts/_code.scss b/src/parts/_code.css
similarity index 100%
rename from src/parts/_code.scss
rename to src/parts/_code.css
diff --git a/src/parts/_core.css b/src/parts/_core.css
new file mode 100644
index 0000000..db69e63
--- /dev/null
+++ b/src/parts/_core.css
@@ -0,0 +1,6 @@
+@import '_base.css';
+@import '_typography.css';
+@import '_forms.css';
+@import '_links.css';
+@import '_code.css';
+@import '_misc.css';
\ No newline at end of file
diff --git a/src/parts/_core.scss b/src/parts/_core.scss
deleted file mode 100644
index 0e7be37..0000000
--- a/src/parts/_core.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'base';
-@import 'typography';
-@import 'forms';
-@import 'links';
-@import 'code';
-@import 'misc';
\ No newline at end of file
diff --git a/src/parts/_forms.scss b/src/parts/_forms.css
similarity index 100%
rename from src/parts/_forms.scss
rename to src/parts/_forms.css
diff --git a/src/parts/_links.scss b/src/parts/_links.css
similarity index 100%
rename from src/parts/_links.scss
rename to src/parts/_links.css
diff --git a/src/parts/_misc.scss b/src/parts/_misc.css
similarity index 100%
rename from src/parts/_misc.scss
rename to src/parts/_misc.css
diff --git a/src/parts/_typography.scss b/src/parts/_typography.css
similarity index 100%
rename from src/parts/_typography.scss
rename to src/parts/_typography.css
diff --git a/src/variables-dark.scss b/src/variables-dark.css
similarity index 73%
rename from src/variables-dark.scss
rename to src/variables-dark.css
index 3412b13..f9dab09 100755
--- a/src/variables-dark.scss
+++ b/src/variables-dark.css
@@ -1,5 +1,3 @@
-/* To use this file from Sass, import `_variables/_variables-dark` */
-
 :root {
   --background: #202b38;
   --background-alt: #161f27;
@@ -18,7 +16,7 @@
   --button-hover: #324759;
 
   --scrollbar-thumb: var(--button-hover);
-  --scrollbar-thumb-hover: #{lighten(var(--scrollbar-thumb), 8%)};
+  --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));
 
   --form-placeholder: #a9a9a9;
   --form-text: #ffffff;
diff --git a/src/variables-light.css b/src/variables-light.css
new file mode 100755
index 0000000..53615be
--- /dev/null
+++ b/src/variables-light.css
@@ -0,0 +1,23 @@
+:root {
+  --background: #ffffff;
+  --background-alt: #efefef;
+
+  --selection: #9e9e9e;
+
+  --text-main: #363636;
+  --text-bright: #000000;
+
+  --links: #0076d1;
+  --focus: #0096bfab;
+  --border: #dbdbdb;
+  --code: #000000;
+
+  --animation-duration: 0.1s;
+  --button-hover: #dddddd;
+
+  --scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));
+  --scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));
+
+  --form-placeholder: #949494;
+  --form-text: #000000;
+}
diff --git a/src/variables-light.scss b/src/variables-light.scss
deleted file mode 100755
index d5189df..0000000
--- a/src/variables-light.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-/* To use this file from Sass, import `_variables/_variables-light` */
-
-:root {
---background: #ffffff;
---background-alt: #efefef;
-
---selection: #9e9e9e;
-
---text-main: #363636;
---text-bright: #000000;
-
---links: #0076d1;
---focus: #0096bfab;
---border: #dbdbdb;
---code: #000000;
-
---animation-duration: 0.1s;
---button-hover: #dddddd;
-
---scrollbar-thumb: #{darken( var(--button-hover), 3% )};
---scrollbar-thumb-hover: #{darken( var(--button-hover), 10% )};
-
---form-placeholder: #949494;
---form-text: #000000;
-}