From fd3cb92bdf7106bb09e2bf44fcb48f4db669cc4b Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Sun, 12 Jul 2026 17:04:05 +0200
Subject: [PATCH] Update web app dropdown menu font color (#2259)

---
 .../Main/Layout/TopMenu.razor                 |  4 +-
 .../Main/Layout/TopMenu.razor                 |  4 +-
 .../wwwroot/css/tailwind.css                  | 62 ++++---------------
 3 files changed, 16 insertions(+), 54 deletions(-)

diff --git a/apps/server/AliasVault.Admin/Main/Layout/TopMenu.razor b/apps/server/AliasVault.Admin/Main/Layout/TopMenu.razor
index cafb1c70c..33562821f 100644
--- a/apps/server/AliasVault.Admin/Main/Layout/TopMenu.razor
+++ b/apps/server/AliasVault.Admin/Main/Layout/TopMenu.razor
@@ -62,12 +62,12 @@
                         <div class="py-3 px-4">
                             <span class="block text-sm font-semibold text-gray-900 dark:text-white">@_username</span>
                         </div>
-                        <ul class="py-1 font-light text-gray-500 dark:text-gray-400" aria-labelledby="userMenuDropdownButton">
+                        <ul class="py-1 text-gray-700 dark:text-gray-400" aria-labelledby="userMenuDropdownButton">
                             <li>
                                 <a href="account/manage/change-password" class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white">Account settings</a>
                             </li>
                         </ul>
-                        <ul class="py-1 font-light text-gray-500 dark:text-gray-400" aria-labelledby="dropdown">
+                        <ul class="py-1 text-gray-700 dark:text-gray-400" aria-labelledby="dropdown">
                             <li>
                                 <a href="user/logout" class="block py-2 px-4 font-bold text-sm text-primary-700 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-primary-200 dark:hover:text-white">Sign out</a>
                             </li>
diff --git a/apps/server/AliasVault.Client/Main/Layout/TopMenu.razor b/apps/server/AliasVault.Client/Main/Layout/TopMenu.razor
index e7302f711..08e44aaae 100644
--- a/apps/server/AliasVault.Client/Main/Layout/TopMenu.razor
+++ b/apps/server/AliasVault.Client/Main/Layout/TopMenu.razor
@@ -43,7 +43,7 @@
             </div>
 
             <div class="absolute w-full md:w-64 top-[40px] md:top-[39px] right-0 z-50 my-4 text-base list-none bg-white rounded-b-lg divide-y divide-gray-100 shadow dark:bg-gray-700 dark:divide-gray-600 @(IsMobileMenuOpen ? "block" : "hidden")" id="mobileMenuDropdown" data-popper-placement="bottom">
-                <ul class="lg:hidden py-1 font-light text-gray-500 dark:text-gray-400" aria-labelledby="mobileMenuDropdownButton">
+                <ul class="lg:hidden py-1 text-gray-700 dark:text-gray-400" aria-labelledby="mobileMenuDropdownButton">
                     <li>
                         <NavLink href="/items" class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white" ActiveClass="text-primary-700 dark:text-primary-500" Match="NavLinkMatch.Prefix">
                             @Localizer["VaultNav"]
@@ -58,7 +58,7 @@
                 <div class="py-3 px-4">
                     <span class="block text-sm font-semibold text-gray-900 dark:text-white">@Username</span>
                 </div>
-                <ul class="py-1 font-light text-gray-500 dark:text-gray-400" aria-labelledby="mobileMenuDropdownButton">
+                <ul class="py-1 text-gray-700 dark:text-gray-400" aria-labelledby="mobileMenuDropdownButton">
                     <li>
                         <NavLink href="/settings/general" class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-400 dark:hover:text-white" ActiveClass="text-primary-700 dark:text-primary-500" Match="NavLinkMatch.All">
                             @Localizer["GeneralSettingsNav"]
diff --git a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
index 3fdd05419..35590b5a2 100644
--- a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
+++ b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
@@ -678,6 +678,10 @@ video {
   right: 0.5rem;
 }
 
+.right-2\.5 {
+  right: 0.625rem;
+}
+
 .right-3 {
   right: 0.75rem;
 }
@@ -718,10 +722,6 @@ video {
   top: 100%;
 }
 
-.right-2\.5 {
-  right: 0.625rem;
-}
-
 .-z-10 {
   z-index: -10;
 }
@@ -1105,10 +1105,6 @@ video {
   max-height: 90vh;
 }
 
-.max-h-\[60vh\] {
-  max-height: 60vh;
-}
-
 .min-h-\[300px\] {
   min-height: 300px;
 }
@@ -2014,11 +2010,6 @@ video {
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
-.bg-indigo-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
-}
-
 .bg-orange-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 237 213 / var(--tw-bg-opacity));
@@ -2325,6 +2316,10 @@ video {
   padding-left: 0.5rem;
 }
 
+.pl-3 {
+  padding-left: 0.75rem;
+}
+
 .pl-5 {
   padding-left: 1.25rem;
 }
@@ -2345,6 +2340,10 @@ video {
   padding-right: 0.75rem;
 }
 
+.pr-9 {
+  padding-right: 2.25rem;
+}
+
 .ps-3 {
   padding-inline-start: 0.75rem;
 }
@@ -2377,14 +2376,6 @@ video {
   padding-top: 2rem;
 }
 
-.pl-3 {
-  padding-left: 0.75rem;
-}
-
-.pr-9 {
-  padding-right: 2.25rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -2462,10 +2453,6 @@ video {
   font-weight: 700;
 }
 
-.font-light {
-  font-weight: 300;
-}
-
 .font-medium {
   font-weight: 500;
 }
@@ -2606,16 +2593,6 @@ video {
   color: rgb(22 101 52 / var(--tw-text-opacity));
 }
 
-.text-indigo-600 {
-  --tw-text-opacity: 1;
-  color: rgb(79 70 229 / var(--tw-text-opacity));
-}
-
-.text-indigo-700 {
-  --tw-text-opacity: 1;
-  color: rgb(67 56 202 / var(--tw-text-opacity));
-}
-
 .text-orange-500 {
   --tw-text-opacity: 1;
   color: rgb(249 115 22 / var(--tw-text-opacity));
@@ -3547,11 +3524,6 @@ video {
   background-color: rgb(20 83 45 / 0.3);
 }
 
-.dark\:bg-indigo-900:is(.dark *) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(49 46 129 / var(--tw-bg-opacity));
-}
-
 .dark\:bg-orange-400:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity));
@@ -3751,16 +3723,6 @@ video {
   color: rgb(74 222 128 / var(--tw-text-opacity));
 }
 
-.dark\:text-indigo-300:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(165 180 252 / var(--tw-text-opacity));
-}
-
-.dark\:text-indigo-400:is(.dark *) {
-  --tw-text-opacity: 1;
-  color: rgb(129 140 248 / var(--tw-text-opacity));
-}
-
 .dark\:text-orange-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(254 215 170 / var(--tw-text-opacity));