mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-09 04:32:36 +01:00
8925067802
* fix: 🐛 Ombi: button fixes * fix: 🐛 Plex: Accent fixes * style: 💄 plex theme-option: modal color change, add plex poster var * fix: 🐛 Deluge: statusbar color fix * fix: 💄 Set placeholders to use wildcard * import placeholder in all bases * feat: 💄 Adds transparency vars * fix: 🐛 arr: CalendarDay-isToday- color fix * fix: 🐛 Bitwarden: Password generator fix, btn fix, bg fixes * refactor: 🎨 arr: Refactor sonarr and radarr-base to use servarr-base.css * Update PR template * refactor: 🎨 Refactor lidarr, prowlarr,readarr, whisparr to use servarr-base.css * fix: 🐛 arr: move styling to servarr base * fix: 💄 servarr: input background fix
234 lines
6.0 KiB
CSS
234 lines
6.0 KiB
CSS
/* dP dP dP */
|
|
/* 88 88 88 */
|
|
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
|
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
|
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
|
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
|
/* 88 */
|
|
/* dP */
|
|
|
|
/* Made by @gilbN */
|
|
/* https://github.com/gilbN/theme.park */
|
|
|
|
@import url("/css/defaults/placeholders.css");
|
|
@import url("/css/defaults/transparent.css");
|
|
|
|
body {
|
|
background: var(--main-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;
|
|
color: var(--text);
|
|
}
|
|
|
|
a {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--link-color-hover);
|
|
}
|
|
|
|
a.ml-2,
|
|
a.mx-2 {
|
|
color: rgb(var(--accent-color)) !important;
|
|
}
|
|
|
|
#content:before {
|
|
background: var(--main-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;
|
|
}
|
|
|
|
* {
|
|
outline: none !important;
|
|
}
|
|
|
|
/* TEXT */
|
|
body,
|
|
.navbar-dark .navbar-text {
|
|
color: var(--text);
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
label {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
/* ACCENTS */
|
|
.badge-dark {
|
|
color: var(--label-text-color);
|
|
background-color: rgb(rgb(var(--accent-color)));
|
|
}
|
|
|
|
/* NAVBAR */
|
|
#nav .bg-dark {
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link {
|
|
color: var(--text);
|
|
}
|
|
|
|
.navbar-dark .navbar-nav .nav-link:hover,
|
|
.navbar-dark .navbar-nav .nav-link:focus {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
#navbarSupportedContent ul li {
|
|
background-color: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* DROPDOWN MENU */
|
|
.dropdown-menu {
|
|
color: var(--text-hover);
|
|
background: 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;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.dropdown-item.active,
|
|
.dropdown-item:active,
|
|
.dropdown:active:hover {
|
|
color: var(--text-hover);
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
.dropdown-item {
|
|
color: var(--text);
|
|
}
|
|
|
|
.dropdown-item:hover,
|
|
.dropdown-item:focus {
|
|
color: var(--text-hover);
|
|
text-decoration: none;
|
|
background: var(--transparency-light-10);
|
|
}
|
|
|
|
|
|
/* CARDS */
|
|
.card {
|
|
background: var(--transparency-light-10) !important;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.card-header {
|
|
color: var(--text-hover);
|
|
background: var(--transparency-dark-25);
|
|
border-bottom: 1px solid rgba(255, 255, 255, .125) !important;
|
|
}
|
|
|
|
ul li {
|
|
background: var(--transparency-light-10) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
ul li:hover {
|
|
background: var(--transparency-light-15) !important;
|
|
border: none;
|
|
}
|
|
|
|
/* SETTINGS */
|
|
.plugin_content .nav-tabs .nav-link.active,
|
|
.nav-tabs .nav-item.show .nav-link {
|
|
color: var(--text-hover) !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
border-color: #4440 #4440 transparent;
|
|
}
|
|
|
|
.plugin_content .nav-tabs {
|
|
border-bottom: 1px solid rgb(255 255 255 / 20%);
|
|
}
|
|
|
|
.alert-secondary {
|
|
background: var(--transparency-light-20);
|
|
}
|
|
|
|
/* BUTTONS */
|
|
.btn {
|
|
border-color: var(--button-color);
|
|
background: var(--button-color);
|
|
color: var(--button-text);
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.btn:hover,
|
|
.btn:focus,
|
|
.btn:active,
|
|
.btn-primary:not(:disabled):not(.disabled):active,
|
|
.btn-primary:not(:disabled):not(.disabled).active,
|
|
.show>.btn-primary.dropdown-toggle {
|
|
border-color: var(--button-color-hover);
|
|
color: var(--button-text-hover);
|
|
background-color: var(--button-color-hover);
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.badge-primary {
|
|
color: var(--label-text-color);
|
|
background-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
.badge-secondary {
|
|
color: var(--button-text);
|
|
background: var(--transparency-dark-25);
|
|
}
|
|
|
|
/* FORMS */
|
|
.form-control {
|
|
color: var(--text) !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
border: 1px solid transparent !important;
|
|
box-shadow: none !important;
|
|
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
}
|
|
|
|
.form-control:focus {
|
|
background: var(--transparency-dark-50) !important;
|
|
color: var(--text-hover) !important;
|
|
}
|
|
|
|
.custom-control-input:checked~.custom-control-label::before {
|
|
color: var(--label-text-color);
|
|
border-color: rgb(var(--accent-color));
|
|
background-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
|
|
filter: invert(1);
|
|
}
|
|
|
|
.custom-control-input:focus~.custom-control-label::before {
|
|
box-shadow: 0 0 0 .2rem rgba(55, 90, 127, 0.25)
|
|
}
|
|
|
|
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
|
|
border-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
.custom-control-input:not(:disabled):active~.custom-control-label::before {
|
|
color: var(--text-hover);
|
|
background-color: #97b3d2;
|
|
border-color: #97b3d2
|
|
} |