feat: [#421] custom light theme for DaisyUi added

Author: mario-nt

components/navigation/NavigationBar.vue

@@ -65,7 +65,7 @@
         <div>
           <label class="swap swap-rotate">
             <!-- this hidden checkbox controls the state -->
-            <input type="checkbox" class="theme-controller" value="light" @click="changeTheme">
+            <input type="checkbox" class="theme-controller" value="torrustlight" @click="changeTheme">
             <!-- moon icon -->
             <svg class="swap-off fill-current w-10 h-10" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.64,13a1,1,0,0,0-1.05-.14,8.05,8.05,0,0,1-3.37.73A8.15,8.15,0,0,1,9.08,5.49a8.59,8.59,0,0,1,.25-2A1,1,0,0,0,8,2.36,10.14,10.14,0,1,0,22,14.05,1,1,0,0,0,21.64,13Zm-9.5,6.69A8.14,8.14,0,0,1,7.08,5.22v.27A10.15,10.15,0,0,0,17.22,15.63a9.79,9.79,0,0,0,2.1-.22A8.11,8.11,0,0,1,12.14,19.73Z" /></svg>
             <!-- sun icon -->

nuxt.config.ts

@@ -17,7 +17,7 @@ export default defineNuxtConfig({
 
   colorMode: {
     preference: "system", // default value of $colorMode.preference
-    fallback: "light", // fallback value if not system preference found
+    fallback: "torrust", // fallback value if not system preference found
     hid: "nuxt-color-mode-script",
     globalName: "__NUXT_COLOR_MODE__",
     componentName: "ColorScheme",

tailwind.config.js

@@ -17,7 +17,6 @@ module.exports = {
   daisyui: {
     themes: [
       "halloween",
-      "light",
       {
         torrust: {
           primary: "#f28c18",
@@ -30,6 +29,20 @@ module.exports = {
           success: "#16a34a",
           warning: "#d97706",
           error: "#dc2626"
+        },
+        torrustlight: {
+          primary: "#f28c18",
+          "primary-content": "#ffffff",
+          secondary: "#187EF2",
+          accent: "#51a800",
+          neutral: "#3b424e",
+          "base-100": "#ffffff",
+          base: "#ffffff",
+          info: "#2563eb",
+          success: "#16a34a",
+          warning: "#d97706",
+          error: "#dc2626",
+          "neutral-content": "#000000"
         }
       }
     ]