Merge branch '443-three-vertical-dots-on-top-right-side-is-not-visible-when-we-enable-voice-mode' into 'dev'

Adapt header icon to dark mode

Closes #443

See merge request keanuapp/keanuapp-weblite!145

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;
   }

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>

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>