diff --git a/src/components/LanguageSelector.vue b/src/components/LanguageSelector.vue
index a5e1b68..de4a848 100644
--- a/src/components/LanguageSelector.vue
+++ b/src/components/LanguageSelector.vue
@@ -90,11 +90,7 @@
     </form>
 </template>
 
-<style scoped lang="sass">
-    =dark-mode()
-        @media (prefers-color-scheme: dark)
-            @content
-    
+<style scoped lang="sass">    
     .language-selector
         font-size: 13px
         padding: 10px
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index 5014211..42c3fed 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -76,9 +76,6 @@
 </template>
 
 <style scoped lang="sass">
-    =dark-mode()
-        @media (prefers-color-scheme: dark)
-            @content
     .status
         box-sizing: border-box
         height: 22px
diff --git a/src/components/UpdateStatusItem.vue b/src/components/UpdateStatusItem.vue
index a57b5ec..a9b1570 100644
--- a/src/components/UpdateStatusItem.vue
+++ b/src/components/UpdateStatusItem.vue
@@ -152,10 +152,6 @@
 </template>
 
 <style scoped lang="sass">
-    =dark-mode()
-        @media (prefers-color-scheme: dark)
-            @content
-    
     @keyframes spin
         from
             transform: rotate(0deg)
diff --git a/src/components/settings/Settings.vue b/src/components/settings/Settings.vue
index 0f5763d..9fc0afa 100644
--- a/src/components/settings/Settings.vue
+++ b/src/components/settings/Settings.vue
@@ -118,10 +118,6 @@
 </template>
 
 <style lang="sass">
-    =dark-mode()
-        @media (prefers-color-scheme: dark)
-            @content
-    
     .settings
         position: fixed
         top: 0
diff --git a/src/css/include.sass b/src/css/include.sass
new file mode 100644
index 0000000..152d9ec
--- /dev/null
+++ b/src/css/include.sass
@@ -0,0 +1,3 @@
+=dark-mode()
+    @media (prefers-color-scheme: dark)
+        @content
diff --git a/vite.config.ts b/vite.config.ts
index dae464f..68e3ca8 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -87,6 +87,15 @@ export default defineConfig({
 		  },
 		})
 	],
+	css: {
+		preprocessorOptions: {
+			sass: {
+				additionalData: `
+    @import "./src/css/include.sass"
+`
+			}
+		}
+	},
 	server: !!process.env.VSCODE_DEBUG ? (() => {
 		const url = new URL(pkg.debug.env.VITE_DEV_SERVER_URL)
 		return {