1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-20 18:12:31 +01:00

fix: 🐛 uptime-kuma: Multiple fixes-changes

This commit is contained in:
GilbN 2022-09-01 22:36:05 +02:00
parent 3cb345d4df
commit 4343d7c3d5

View File

@ -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);
@ -394,3 +446,57 @@ td {
-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;
}