From be7e01fe6d10d228b1b8e8f3f26b7d1b8efb1c14 Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Thu, 27 Nov 2025 00:55:58 +0100
Subject: [PATCH] update switch company bg color on dark mode for more clear
 text

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/header/MobileMenu.svelte  | 2 +-
 frontend/src/lib/components/header/ProfileMenu.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/header/MobileMenu.svelte b/frontend/src/lib/components/header/MobileMenu.svelte
index ae3a575..e4f6bfd 100644
--- a/frontend/src/lib/components/header/MobileMenu.svelte
+++ b/frontend/src/lib/components/header/MobileMenu.svelte
@@ -190,7 +190,7 @@
 		<!-- Switch Company Section -->
 		<div class="px-6 py-4 border-b border-white/20 dark:border-highlight-blue/30">
 			<button
-				class="flex items-center w-full py-3 px-4 text-white bg-active-blue dark:bg-highlight-blue/30 rounded-lg transition-all duration-200 hover:bg-active-blue/80 dark:hover:bg-highlight-blue/40 font-medium"
+				class="flex items-center w-full py-3 px-4 text-white bg-active-blue dark:bg-slate-800 rounded-lg transition-all duration-200 hover:bg-active-blue/80 dark:hover:bg-slate-700 font-medium"
 				on:click={() => {
 					visible = false;
 					toggleChangeCompanyModal();
diff --git a/frontend/src/lib/components/header/ProfileMenu.svelte b/frontend/src/lib/components/header/ProfileMenu.svelte
index 5910f5a..c198d0a 100644
--- a/frontend/src/lib/components/header/ProfileMenu.svelte
+++ b/frontend/src/lib/components/header/ProfileMenu.svelte
@@ -99,7 +99,7 @@
 		>
 			<!-- Change Company at top with distinct styling -->
 			<button
-				class="flex items-center pl-5 py-3 text-white bg-active-blue dark:bg-highlight-blue/30 first:rounded-t-md transition-colors duration-200 hover:bg-active-blue/80 dark:hover:bg-highlight-blue/40 border-b border-active-blue/50 dark:border-highlight-blue/40"
+				class="flex items-center pl-5 py-3 text-white bg-active-blue dark:bg-slate-800 first:rounded-t-md transition-colors duration-200 hover:bg-active-blue/80 dark:hover:bg-slate-700 border-b border-active-blue/50 dark:border-slate-700"
 				on:click={() => {
 					visible = false;
 					toggleChangeCompanyModal();