From 0460e12b74a6ad71b6b014a503002029cf3b50b2 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 2 Apr 2024 22:52:06 -0700
Subject: [PATCH] Color tweaks

---
 .../app-frame/global-search/global-search.component.html        | 2 +-
 .../app-frame/global-search/global-search.component.scss        | 2 +-
 src-ui/src/styles.scss                                          | 2 +-
 src-ui/src/theme.scss                                           | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.html b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
index 74435fdfc..7ad5a65c3 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.html
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.html
@@ -57,7 +57,7 @@
     </div>
 </ng-template>
 
-    <div ngbDropdownMenu class="w-100 mh-75 overflow-y-scroll">
+    <div ngbDropdownMenu class="w-100 mh-75 overflow-y-scroll shadow-lgs">
         @if (searchResults?.total === 0) {
             <h6 class="dropdown-header" i18n="@@searchResults.noResults">No results</h6>
         } @else {
diff --git a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
index 373f7c35a..aa91548d5 100644
--- a/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
+++ b/src-ui/src/app/components/app-frame/global-search/global-search.component.scss
@@ -62,7 +62,7 @@ form {
 
 .dropdown-item {
   &:has(button:focus) {
-    background-color: var(--pngx-bg-alt);
+    background-color: var(--pngx-bg-darker);
   }
 
   & button {
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 68d6cd09b..04b908720 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -456,7 +456,7 @@ ul.pagination {
     color: var(--bs-body-color);
 
     &:hover, &:focus {
-      background-color: var(--pngx-bg-alt);
+      background-color: var(--pngx-bg-darker);
       color: var(--bs-body-color);
     }
 
diff --git a/src-ui/src/theme.scss b/src-ui/src/theme.scss
index d10fc8db9..ff3f5b915 100644
--- a/src-ui/src/theme.scss
+++ b/src-ui/src/theme.scss
@@ -279,6 +279,7 @@ $form-check-radio-checked-bg-image-dark: url("data:image/svg+xml,<svg xmlns='htt
 
   .dropdown-menu {
     --bs-dropdown-color: var(--bs-body-color);
+    --pngx-bg-darker: var(--pngx-bg-alt);
   }
 
   .list-group {