Mirrors/theme.park
1
0
Fork 0
mirror of https://github.com/gilbN/theme.park.git synced 2024-07-07 04:19:17 +02:00
Code Issues Releases Wiki Activity

fix: 🐛 Uptime-kuma: multiple UI fixes

Browse Source
This commit is contained in:
GilbN 2022-09-02 21:20:56 +02:00
parent 3c852aa596
commit bd9c54e242
1 changed files with 43 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
css/base/uptime-kuma/uptime-kuma-base.css
View File

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