fix: improves colors in light mode

assets/components/LogViewer/ContainerTitle.vue

@@ -16,7 +16,7 @@
     <tag class="mobile-hidden font-mono" size="small">{{ container.image.replace(/@sha.*/, "") }}</tag>
     <label class="swap swap-rotate">
       <input type="checkbox" v-model="pinned" />
-      <carbon:star-filled class="swap-on" />
+      <carbon:star-filled class="swap-on text-secondary" />
       <carbon:star class="swap-off" />
     </label>
   </div>

assets/components/LogViewer/LogViewer.vue

@@ -5,7 +5,7 @@
       :key="item.id"
       :data-key="item.id"
       :class="{ 'border border-secondary': toRaw(item) === toRaw(lastSelectedItem) }"
-      class="flex break-words px-4 py-1 last:snap-end odd:bg-base-lighter/30"
+      class="flex break-words px-4 py-1 last:snap-end odd:bg-gray-400/[0.07]"
     >
       <a
         class="btn btn-ghost tooltip-primary tooltip btn-sm tooltip-right mr-4 flex self-start font-sans font-normal normal-case text-secondary hover:text-secondary-focus"

assets/main.css

@@ -7,7 +7,8 @@
   --base-content-color: 0 0% 21%;
   --primary-color: 171 100% 41%;
   --primary-focus-color: 171 100% 31%;
-  --secondary-color: 44 100% 77%;
+  --secondary-color: 34 95% 53%;
+  --secondary-focus-color: 34 95% 43%;
 }
 
 @define-mixin dark {

tailwind.config.ts

@@ -22,6 +22,7 @@ export default {
         primary: "hsl(var(--primary-color) / <alpha-value>)",
         "primary-focus": "hsl(var(--primary-focus-color) / <alpha-value>)",
         secondary: "hsl(var(--secondary-color) / <alpha-value>)",
+        "secondary-focus": "hsl(var(--secondary-focus-color) / <alpha-value>)",
       },
     },
   },