diff --git a/src/index.html b/src/index.html
index f7fd092..6d09c25 100644
--- a/src/index.html
+++ b/src/index.html
@@ -8,8 +8,8 @@
     <link rel="shortcut icon" type="image/png" href="./img/favicon-32x32.png" sizes="32x32" />
     <link rel="shortcut icon" type="image/png" href="./img/favicon-16x16.png" sizes="16x16" />
     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" />
-    <link id="style-dark" rel="stylesheet" type="text/css" href="./styles/styles_dark.scss" />
-    <link id="style-light" rel="stylesheet" type="text/css" href="./styles/styles_light.scss" />
+    <link id="style-light" rel="stylesheet" type="text/css" href="./styles/styles_light.scss" media="(prefers-color-scheme: light)"/>
+    <link id="style-dark" rel="stylesheet" type="text/css" href="./styles/styles_dark.scss" media="(prefers-color-scheme: dark)"/>
     <link rel="stylesheet" type="text/css" href="./styles/styles.css" />
     <style>
         html {
diff --git a/vite.config.js b/vite.config.js
index 8e40b2b..b24ef5f 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -6,6 +6,6 @@ export default defineConfig({
     base: "./",
     root: "./src",
     build: {
-    outDir: "../docs",
+        outDir: "../docs"
     }
 })