design: change daisy theme

2024-12-21 21:43:22 +01:00
parent 108da13a59
commit 750c0dbf8b
3 changed files with 5 additions and 4 deletions
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" data-theme="autumn">
+<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
--- a/src/components/ThemeSwap.vue
+++ b/src/components/ThemeSwap.vue
@@ -12,7 +12,7 @@ const toggle = (isChecked: boolean) => {
    <label class="grid cursor-pointer place-items-center">
      <input
        type="checkbox"
-        value="forest"
+        value="sunset"
        class="toggle theme-controller bg-base-content col-span-2 col-start-1 row-start-1"
        :checked="isDark"
        @click="
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -33,7 +33,8 @@ module.exports = {
            },
            img: {
              'margin-top': 0,
-              'margin-bottom': 0
+              'margin-bottom': 0,
+              'border-radius': '1rem'
            }
          }
        }
@@ -42,7 +43,7 @@ module.exports = {
  },
  plugins: [typography, daisyui],
  daisyui: {
-    themes: ['autumn', 'forest'],
+    themes: ['retro', 'sunset'],
    base: true,
    styled: true,
    utils: true