From 2e1fa83c976ea4f23397d1b6d25d1df5781afcf8 Mon Sep 17 00:00:00 2001
From: N-Pex <npexdev@gmail.com>
Date: Tue, 14 Mar 2023 11:29:57 +0100
Subject: [PATCH] Adapt header icon to dark mode

---
 src/assets/css/chat.scss      | 6 ++++++
 src/assets/icons/ic_more.vue  | 2 +-
 src/components/ChatHeader.vue | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index 4e53a0d..c0efad1 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -8,10 +8,12 @@ $admin-fg: white;
 body {
   --v-background-color: white;
   --v-foreground-color: black;
+  --v-secondary-color: #242424;
   --v-divider-color: #eeeeee;
   &.dark {
     --v-background-color: black;
     --v-foreground-color: white;
+    --v-secondary-color: #c0c0c0;
     --v-divider-color: rgba(221, 221, 221, 0.1);
   }
 }
@@ -86,6 +88,10 @@ body {
     margin-bottom: $chat-standard-padding-xs;
   }
 
+  .close-button .v-icon {
+    color: var(--v-secondary-color);
+  }
+
   .icon-dropdown {
     margin: 0px 8px;
   }
diff --git a/src/assets/icons/ic_more.vue b/src/assets/icons/ic_more.vue
index 8790d41..625055b 100644
--- a/src/assets/icons/ic_more.vue
+++ b/src/assets/icons/ic_more.vue
@@ -2,6 +2,6 @@
     <svg width="3" height="15" viewBox="0 0 3 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path fill-rule="evenodd" clip-rule="evenodd"
             d="M0.000170402 1.49991C0.00017042 1.10212 0.158154 0.720548 0.439485 0.439314C0.720719 0.157973 1.10229 4.81825e-08 1.50009 6.55708e-08C1.89788 8.29591e-08 2.27945 0.157984 2.56069 0.439314C2.84203 0.720549 3 1.10212 3 1.49991C3 1.89771 2.84202 2.27928 2.56069 2.56052C2.27945 2.84186 1.89788 2.99983 1.50009 2.99983C1.10229 2.99983 0.720718 2.84185 0.439485 2.56052C0.158143 2.27928 0.000170385 1.89771 0.000170402 1.49991ZM0.00017014 7.49957C0.000170157 7.10178 0.158154 6.72021 0.439484 6.43897C0.720718 6.15763 1.10229 5.99966 1.50008 5.99966C1.89788 5.99966 2.27945 6.15764 2.56069 6.43897C2.84203 6.72021 3 7.10178 3 7.49957C3 7.89737 2.84202 8.27894 2.56069 8.56017C2.27945 8.84152 1.89788 8.99949 1.50008 8.99949C1.10052 8.99949 0.717478 8.84014 0.435949 8.55661C0.154394 8.27318 -0.00242794 7.8891 0.00017014 7.48953L0.00017014 7.49957ZM0.000169878 13.4992C0.000169895 13.1014 0.158154 12.7199 0.439484 12.4386C0.720718 12.1573 1.10229 11.9993 1.50008 11.9993C1.89788 11.9993 2.27945 12.1573 2.56068 12.4386C2.84203 12.7199 3 13.1014 3 13.4992C3 13.897 2.84202 14.2786 2.56068 14.5598C2.27945 14.8412 1.89788 14.9991 1.50008 14.9991C1.09832 14.9991 0.713406 14.8381 0.431449 14.5519C0.149492 14.2657 -0.00588337 13.8784 0.000169879 13.4767L0.000169878 13.4992Z"
-            fill="#242424" />
+            fill="currentColor" />
     </svg>
 </template>
\ No newline at end of file
diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index e791f06..93f8985 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -34,10 +34,10 @@
           <v-icon color="white">$vuetify.icons.ic_member-leave</v-icon>
         </v-btn>
       </v-col>
-      <v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable">
+      <v-col cols="auto" class="text-end ma-0 pa-0 ms-1 clickable close-button">
         <div :class="{ 'popup-open': showMoreMenu }">
           <v-btn class="mx-2 box-shadow-none" fab dark small color="transparent" @click.stop="showMoreMenu = true">
-            <v-icon size="15" color="black">$vuetify.icons.ic_more</v-icon>
+            <v-icon size="15">$vuetify.icons.ic_more</v-icon>
           </v-btn>
         </div>
       </v-col>