diff --git a/index.html b/index.html
index 836fc5c..86de1ed 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-theme="silk">
+<html lang="en" data-theme="light">
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
diff --git a/src/components/ThemeSwap.vue b/src/components/ThemeSwap.vue
index cf4c3f8..92aa3c9 100644
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const htmlElement = document.querySelector("html")
 const lightMode = htmlElement?.dataset.theme
-const darkMode = "abyss"
+const darkMode = "business"
 
 const isInitiallyDark = JSON.parse(localStorage.getItem("is-dark") ?? "false")
 
diff --git a/src/styles/app.css b/src/styles/app.css
index 539074e..b61a308 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -16,7 +16,7 @@
   --notyf-margin: 0.5rem;
 }
 
-[data-theme="silk"] {
+[data-theme="light"] {
   --color-contrast-content: var(--color-success-content);
 }
 
@@ -24,8 +24,8 @@
 
 @plugin 'daisyui' {
   themes:
-    silk --default,
-    abyss --prefersdark;
+    light --default,
+    business --prefersdark;
 }
 
 @config '../../tailwind.config.js';
