From bd9c54e2428b7b2b027ff1773ce58f8ce7043b7f Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Fri, 2 Sep 2022 21:20:56 +0200
Subject: [PATCH] fix: :bug: Uptime-kuma: multiple UI fixes

---
 css/base/uptime-kuma/uptime-kuma-base.css | 48 ++++++++++++++++++++---
 1 file changed, 43 insertions(+), 5 deletions(-)

diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css
index c65bae93..51a66269 100644
--- a/css/base/uptime-kuma/uptime-kuma-base.css
+++ b/css/base/uptime-kuma/uptime-kuma-base.css
@@ -185,6 +185,11 @@ td {
     border-top: 1px solid var(--transparency-light-25) !important;
 }
 
+.dark .dropdown-profile-pic.dropdown-menu.dropdown-item.active {
+    color: var(--text-hover);
+    background-color: var(--transparency-dark-15) !important;
+}
+
 /* HEADER */
 .dark header,
 #app>div>header {
@@ -362,7 +367,7 @@ td {
 .dark .multiselect__content-wrapper,
 .multiselect__content-wrapper {
     background: var(--drop-down-menu-bg) !important;
-    border-color: transparent !important;
+    border-color: var(--transparency-light-15) !important;
 }
 
 .multiselect {
@@ -372,19 +377,24 @@ td {
 .multiselect__option--highlight {
     background: rgb(var(--accent-color)) !important;
     outline: none;
-    color: #fff
+    color: var(--label-text-color) !important;
 }
 
 .multiselect__option--highlight:after {
     content: attr(data-select);
     background: rgb(var(--accent-color)) !important;
-    color: #fff
+    color: var(--label-text-color);
+}
+
+.multiselect__option--selected:after {
+    content: attr(data-selected);
+    color: var(--label-text-color) !important;
 }
 
 .multiselect__option--selected,
 .dark .multiselect__option--selected {
     background: var(--transparency-dark-45);
-    color: var(--text-hover);
+    color: var(--text-hover) !important;
     font-weight: 700;
 }
 
@@ -503,5 +513,33 @@ h5.settings-subheading:after,
 }
 
 .item:hover {
-    background-color: var(--transparency-light-10) !important;
+    background-color: rgb(var(--accent-color), .10) !important;
+}
+
+@media (max-width: 550px) {
+    .dark .table-shadow-box tbody .shadow-box {
+        background-color: transparent !important;
+    }
+
+    .dark .table-hover>tbody>tr:hover>* {
+        --bs-table-accent-bg: transparent color: var(--text-hover);
+    }
+
+    .dark .table-shadow-box tbody .shadow-box td {
+        border-bottom: 1px solid var(--transparency-light-10);
+    }
+}
+
+.dark .monitor-list .item:hover,
+.dark .monitor-list .item.active,
+.monitor-list .item.active,
+.monitor-list .item:hover {
+    background-color: rgb(var(--accent-color), .10);
+}
+
+.active.dropdown-item.active,
+.dark .dropdown-profile-pic .dropdown-menu .dropdown-item.active,
+#app>div>header>ul>li>div>ul>li>a.active {
+    background: var(--transparency-dark-25) !important;
+    background-color: var(--transparency-dark-25) !important;
 }
\ No newline at end of file