From 4343d7c3d5cb5ef9762c2ded4adabf2ca1964d3d Mon Sep 17 00:00:00 2001
From: GilbN <gilberg@gmail.com>
Date: Thu, 1 Sep 2022 22:36:05 +0200
Subject: [PATCH] fix: :bug: uptime-kuma: Multiple fixes-changes

---
 css/base/uptime-kuma/uptime-kuma-base.css | 128 ++++++++++++++++++++--
 1 file changed, 117 insertions(+), 11 deletions(-)

diff --git a/css/base/uptime-kuma/uptime-kuma-base.css b/css/base/uptime-kuma/uptime-kuma-base.css
index bd158e29..17356fae 100644
--- a/css/base/uptime-kuma/uptime-kuma-base.css
+++ b/css/base/uptime-kuma/uptime-kuma-base.css
@@ -66,7 +66,8 @@ a:hover:not(.btn),
 a,
 .nav-link,
 .dark a,
-.dark .nav-link {
+.dark .nav-link,
+.dark a:not(.btn), .dark .table, .dark .nav-link {
     color: var(--link-color);
 }
 
@@ -75,19 +76,39 @@ a,
     text-decoration: underline;
 }
 
-
+mark, .mark {
+    padding: 0 0.3em;
+    background-color: rgb(var(--accent-color));
+    color: var(--label-text-color);
+}
 
 /* CARDS */
 .shadow-box,
-.dark .shadow-box {
+.dark .shadow-box,
+.dark .shadow-box:not(.alert) {
     box-shadow: 0px 0px 20px 10px #0000001a;
-    background: var(--transparency-light-10);
+    background: var(--transparency-dark-25);
+}
+
+.dark .settings-content .settings-content-header {
+    background: transparent !important;
+}
+.dark .list-header {
+    background: transparent !important;
+}
+
+.settings-content .settings-content-header {
+    border-bottom: 1px solid var(--transparency-light-10) !important;
 }
 
 .list .item:hover {
     background: var(--transparency-light-15) !important;
 }
 
+.list-header {
+    border-bottom: 1px solid var(--transparency-light-15) !important;
+}
+
 .dark .list .item.active,
 .list .item.active {
     background: var(--transparency-dark-25) !important;
@@ -119,6 +140,16 @@ td {
     color: var(--text);
 }
 
+.table {
+    --bs-table-hover-bg: var(--transparency-dark-15) !important;
+    --bs-table-hover-color: var(--text-hover) !important;
+}
+
+.dark .table-hover>tbody>tr:hover>* {
+    --bs-table-accent-bg: var(--transparency-dark-15);
+    color: var(--text-hover);
+}
+
 
 /* MENUS */
 .dropdown-menu {
@@ -142,6 +173,14 @@ td {
     background: var(--drop-down-menu-bg) !important;
 }
 
+.dropdown-item-text {
+    color: var(--text);
+}
+
+.dropdown-profile-pic .dropdown-menu .dropdown-divider {
+    border-top: 1px solid var(--transparency-light-25) !important;
+}
+
 /* HEADER */
 .dark header,
 #app>div>header {
@@ -155,13 +194,15 @@ td {
     color: var(--button-text);
 }
 
-.btn-primary {
+.btn-primary,
+.btn-info {
     color: var(--button-text);
     background-color: var(--button-color);
     border-color: var(--button-color);
 }
 
-.btn-primary:hover {
+.btn-primary:hover,
+.btn-info:hover {
     color: var(--button-text-hover);
     background-color: var(--button-color-hover);
     border-color: var(--button-color-hover);
@@ -203,7 +244,7 @@ td {
 
 .btn-outline-primary,
 .btn-outline-secondary {
-    color: var(--button-text);
+    color:  var(--button-color);
     border-color: var(--button-color);
 }
 
@@ -275,14 +316,21 @@ td {
 }
 
 .dark .form-select:focus,
-.dark .form-control:focus,
-.form-select:focus,
-.form-control:focus {
+.form-select:focus {
+    color: var(--text-color);
     background: var(--drop-down-menu-bg);
     box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
     border-color: rgba(var(--accent-color), 0.25);
 }
 
+.dark .form-control:focus,
+.form-control:focus {
+    color: var(--text-color);
+    background: var(--transparency-dark-35);
+    box-shadow: 0 0 0 0.25rem rgba(var(--accent-color), 0.25);
+    border-color: rgba(var(--accent-color), 0.25);
+}
+
 .dark .form-control,
 .dark .form-select,
 .form-select,
@@ -290,7 +338,11 @@ td {
     border-color: #0000;
 }
 
-
+.input-group-text {
+    color: var(--button-text);
+    background-color: var(--button-color);
+    border: 1px solid var(--button-color);
+}
 
 .form-check-input:checked {
     background-color: var(--button-color);
@@ -393,4 +445,58 @@ td {
     -webkit-background-size: auto, cover;
     -moz-background-size: auto, cover;
     -o-background-size: auto, cover;
+}
+
+.vue-image-crop-upload .vicp-wrap {
+    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 23%);
+    box-shadow: 0 1px 3px rgb(0 0 0 / 23%);
+    background-color: var(--modal-bg-color);
+    background-repeat: repeat, no-repeat;
+    background-attachment: fixed, fixed;
+    background-position: center center, center center;
+    background-size: auto, cover;
+    -webkit-background-size: auto, cover;
+    -moz-background-size: auto, cover;
+    -o-background-size: auto, cover;
+}
+
+/* SETTINGS */
+
+.settings-menu .active .menu-item {
+    background: var(--transparency-dark-15) !important;
+}
+
+.settings-menu .menu-item:hover {
+    background: var(--transparency-light-10) !important;
+}
+
+h5.settings-subheading:after, .settings-subheading.h5:after {
+    border-bottom: 1px solid var(--transparency-light-10);
+}
+
+.dark .cert-exp-days .cert-exp-day-row,
+.cert-exp-days .cert-exp-day-row {
+    border-bottom: 1px solid var(--transparency-light-10) !important;
+}
+
+[contenteditable=true] {
+    background-color: var(--transparency-dark-25);
+}
+
+[contenteditable=true]:hover {
+    background-color: var(--transparency-dark-35);
+}
+
+[dir=ltr] .sidebar .sidebar-footer {
+    border-right: 1px solid var(--transparency-light-10) !important;
+    left: 0;
+}
+
+.sidebar .sidebar-footer {
+    border-top: 1px solid var(--transparency-light-10) !important;
+    background-color: var(--transparency-light-10) !important;
+}
+
+.item:hover {
+    background-color: var(--transparency-light-10) !important;
 }
\ No newline at end of file