From 60beb85bb1899c89806aeea8a6605d201c70a39c Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Fri, 22 Sep 2023 11:30:38 -0700
Subject: [PATCH] fix: improves colors in light mode

---
 assets/components/LogViewer/ContainerTitle.vue | 2 +-
 assets/components/LogViewer/LogViewer.vue      | 2 +-
 assets/main.css                                | 3 ++-
 tailwind.config.ts                             | 1 +
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/assets/components/LogViewer/ContainerTitle.vue b/assets/components/LogViewer/ContainerTitle.vue
index 2a21e672..bdbd26af 100644
--- a/assets/components/LogViewer/ContainerTitle.vue
+++ b/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>
diff --git a/assets/components/LogViewer/LogViewer.vue b/assets/components/LogViewer/LogViewer.vue
index 1ec1a002..2613776d 100644
--- a/assets/components/LogViewer/LogViewer.vue
+++ b/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"
diff --git a/assets/main.css b/assets/main.css
index 5345722b..420bd32c 100644
--- a/assets/main.css
+++ b/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 {
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 788c3589..2c00faaa 100644
--- a/tailwind.config.ts
+++ b/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>)",
       },
     },
   },