Update web app dropdown menu font color (#2259)

This commit is contained in:
Leendert de Borst
2026-07-12 17:04:05 +02:00
committed by Leendert de Borst
parent 6dcd08546d
commit fd3cb92bdf
3 changed files with 16 additions and 54 deletions

View File

@@ -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>

View File

@@ -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"]

View File

@@ -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));