mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-11 19:32:24 +02:00
commit
453f4cf360
@ -103,6 +103,19 @@ a:hover {
|
||||
background-color: rgb(0 0 0 / 15%);
|
||||
}
|
||||
|
||||
.text-dark {
|
||||
color: var(--text-hover)!important;
|
||||
}
|
||||
.text-secondary {
|
||||
color: var(--text)!important;
|
||||
}
|
||||
.dropdown-item.disabled, .dropdown-item:disabled {
|
||||
color: var(--text-muted);
|
||||
pointer-events: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
@ -827,6 +840,9 @@ line {
|
||||
background-size: 1rem 1rem
|
||||
}
|
||||
|
||||
.notification-btn .notification-center-progress .progress .progress-bar {
|
||||
text-shadow: -2px -2px 5px rgb(var(--accent-color)), 2px -2px 5px rgb(var(--accent-color)), -2px 2px 5px rgb(var(--accent-color)), 2px 2px 5px rgb(var(--accent-color));
|
||||
}
|
||||
/* LOGS */
|
||||
/* Stack traceback */
|
||||
code.zmdi-language-python-alt {
|
||||
|
@ -251,10 +251,7 @@ a:hover {
|
||||
}
|
||||
|
||||
/* ADD NEW */
|
||||
[class*="EnhancedSelectInput-options-"],
|
||||
[class*="EnhancedSelectInputOption-option-"],
|
||||
[class*="EnhancedSelectInput-optionsContainer-"] {
|
||||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -267,6 +264,10 @@ a:hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border: 1px solid rgba(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -635,7 +636,11 @@ a:hover {
|
||||
|
||||
|
||||
/* TOP HEADER DROPDOWN */
|
||||
[class*="MenuItem-menuItem-"],
|
||||
[class*="MenuItem-menuItem-"] {
|
||||
color: var(--text);
|
||||
background: 0;
|
||||
}
|
||||
|
||||
[class*="MenuContent-menuContent-"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -644,8 +649,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="MenuContent-scroller-"] {
|
||||
|
@ -21,17 +21,6 @@
|
||||
border: 1px solid rgb(var(--accent-color), 0.5);
|
||||
}
|
||||
|
||||
.modal-content,
|
||||
.mfp-content .panel {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
}
|
||||
|
||||
[id*="homepage-"]>fieldset>div>div.panel-wrapper.collapse.in>div>div,
|
||||
[id$="-settings-items"]>div {
|
||||
@ -209,17 +198,9 @@ h6 {
|
||||
.panel-info .panel-heading {
|
||||
border-color: rgb(var(--accent-color));
|
||||
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;
|
||||
}
|
||||
|
||||
.panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
|
||||
/* .panel-body:not(.unifiCards .panel-body):not(body > div.swal-overlay.swal-overlay--show-modal > div > div > div > div.panel-wrapper.collapse.in > div) {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -228,7 +209,7 @@ h6 {
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
} */
|
||||
|
||||
.bg-plex:not(h2 .bg-plex) {
|
||||
background: #e5a00d;
|
||||
@ -284,6 +265,24 @@ h6 {
|
||||
[id*="settings-"]>div>div.panel-heading:not(form > div > div.panel-heading) {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
[id*="settings-"]>div>div.panel-heading .bg-org:not(form > div > div.panel-heading) {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.panel:not(#help-modal-body > div > div):not([id*="settings-"] .panel) {
|
||||
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;
|
||||
}
|
||||
|
||||
[id*="settings-"] .panel {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
#customize-appearance-form>ul>li.active>a {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
@ -1719,7 +1718,7 @@ body {
|
||||
}
|
||||
|
||||
.navbar-header {
|
||||
background: var(--main-bg-color);
|
||||
background: none;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -1736,14 +1735,7 @@ body {
|
||||
.nav .open>a,
|
||||
.nav .open>a:focus,
|
||||
.nav .open>a: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;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/*Right panel*/
|
||||
@ -1860,7 +1852,7 @@ background: rgb(0 0 0 / 0%) !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: var(--drop-down-menu-bg) !important;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
background-position: center center, center center;
|
||||
@ -2052,9 +2044,6 @@ body>div.mfp-wrap.mfp-auto-cursor.mfp-zoom-out.mfp-ready>div>div.mfp-content>div
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.panel {
|
||||
background: #1b1a1a;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
input,
|
||||
@ -2122,7 +2111,7 @@ input,
|
||||
}
|
||||
|
||||
|
||||
#account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
|
||||
/* #account-area>div>div>div>div>div.panel-wrapper.collapse.in.main-email-panel>div {
|
||||
background: var(--modal-bg-color);
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-attachment: fixed, fixed;
|
||||
@ -2131,7 +2120,7 @@ input,
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
} */
|
||||
|
||||
.tab-content .panel .panel-body,
|
||||
.tab-content .panel .panel-body .bg-org {
|
||||
@ -2296,7 +2285,7 @@ fieldset[disabled] .form-control {
|
||||
.customvtab .tabs-vertical li.active a,
|
||||
.customvtab .tabs-vertical li.active a:focus,
|
||||
.customvtab .tabs-vertical li.active a:hover,
|
||||
.dropdown-menu,
|
||||
/* .dropdown-menu, */
|
||||
.fc-day,
|
||||
.footable-row-detail,
|
||||
.img-thumbnail,
|
||||
@ -2339,9 +2328,9 @@ table.dataTable tbody tr {
|
||||
|
||||
.btn-default,
|
||||
.chat-list .chat-text h4,
|
||||
.dropdown-menu>li>a,
|
||||
/* .dropdown-menu>li>a,
|
||||
.dropdown-menu>li>a:focus,
|
||||
.dropdown-menu>li>a:hover,
|
||||
.dropdown-menu>li>a:hover, */
|
||||
.flot-text,
|
||||
.footer,
|
||||
.form-control,
|
||||
@ -2413,7 +2402,7 @@ th {
|
||||
.pager li>span,
|
||||
.pagination>li>a,
|
||||
.pagination>li>span,
|
||||
.panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div),
|
||||
/* .panel:not(#invite-area > div > div > div.col-md-12 > div):not(#login-panels > div), */
|
||||
.panel-default .panel-body,
|
||||
.panel-default .panel-footer,
|
||||
.panel-default .panel-heading,
|
||||
@ -2513,4 +2502,26 @@ span.select2-results {
|
||||
|
||||
.select2-container--default .select2-results__option[aria-selected=true] {
|
||||
background-color: #232323;
|
||||
}
|
||||
}
|
||||
|
||||
/* .panel-info>.panel-heading {
|
||||
background-color: rgba(var(--accent-color));
|
||||
} */
|
||||
|
||||
.panel-blue .panel-heading, .panel-info .panel-heading, #help-modal-body > div > div {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
#account-area > div > div > div > div > div.panel-wrapper.collapse.in.main-email-panel > div > div > div > div > div {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
[id$="-settings-page"] .panel, .modal-content {
|
||||
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;
|
||||
}
|
||||
|
@ -65,6 +65,7 @@ button[class*="bg-indigo-"],
|
||||
button[class*="bg-gray-"],
|
||||
button[class*="border-indigo-"],
|
||||
button[class*="border-gray-"],
|
||||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a,
|
||||
button.input-action {
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
@ -81,7 +82,8 @@ button[class*="bg-gray-"]:hover,
|
||||
button[class*="border-indigo-"]:hover,
|
||||
button[class*="border-gray-"]:hover,
|
||||
button.input-action:hover,
|
||||
button[class="input-action"]:hover {
|
||||
button[class="input-action"]:hover,
|
||||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--button-text-hover);
|
||||
@ -193,8 +195,8 @@ body {
|
||||
}
|
||||
|
||||
.bg-gray-800 {
|
||||
--tw-bg-opacity: 0.3;
|
||||
background-color: rgb(0, 0, 0, var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.05;
|
||||
background-color: rgb(255, 255, 255, var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-gray-700:hover {
|
||||
@ -203,6 +205,11 @@ body {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.bg-gray-700 {
|
||||
--tw-bg-opacity: .05;
|
||||
background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
/* SEARCH BAR */
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 {
|
||||
background-color: rgb(var(--accent-color), .3)
|
||||
@ -270,9 +277,9 @@ body {
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .5));
|
||||
}
|
||||
|
||||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
|
||||
background: rgba(var(--accent-color), 0.05);
|
||||
color: rgba(var(--accent-color));
|
||||
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
|
||||
#__next > div > div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0 > div > div > div > nav > a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 > svg {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
|
||||
@ -321,8 +328,8 @@ a.slider-title:hover {
|
||||
}
|
||||
|
||||
/* CARD HOVER */
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover {
|
||||
background: linear-gradient(rgba(var(--accent-color), .04) 0%, rgba(var(--accent-color), 0.9) 100%);
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
|
||||
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0,0,0,.7) 100%) !important;
|
||||
}
|
||||
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
|
||||
@ -335,7 +342,8 @@ a.slider-title:hover {
|
||||
|
||||
|
||||
/* SHOW PAGE */
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 {
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0,
|
||||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 {
|
||||
background: var(--overseerr-gradient) !important;
|
||||
}
|
||||
|
||||
@ -394,7 +402,7 @@ a.slider-title:hover {
|
||||
|
||||
/* RINGA A DINGALING*/
|
||||
.ring-1 {
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(0 0 0 / 10%) !important;
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important;
|
||||
}
|
||||
|
||||
|
||||
@ -513,7 +521,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
|
||||
/* DROPDOWN */
|
||||
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700,
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a {
|
||||
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a,
|
||||
#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
|
||||
background: var(--drop-down-menu-bg);
|
||||
}
|
||||
|
||||
@ -521,6 +530,14 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
|
||||
[aria-labelledby="user-menu"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
}
|
||||
[aria-labelledby="user-menu"] a:hover{
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
/* LOGIN */
|
||||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button,
|
||||
#__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {
|
||||
|
@ -556,7 +556,11 @@ a:hover {
|
||||
}
|
||||
|
||||
/* LIBRARY TOP HEADER DROPDOWN */
|
||||
[class*="MenuItem-menuItem-"],
|
||||
[class*="MenuItem-menuItem-"] {
|
||||
color: var(--text);
|
||||
background: 0;
|
||||
}
|
||||
|
||||
[class*="MenuContent-menuContent-"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -565,8 +569,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="MenuContent-scroller-"] {
|
||||
@ -602,10 +605,7 @@ a:hover {
|
||||
|
||||
/* ADD NEW */
|
||||
|
||||
[class*="EnhancedSelectInput-options-"],
|
||||
[class*="EnhancedSelectInputOption-option-"],
|
||||
[class*="EnhancedSelectInput-optionsContainer-"] {
|
||||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -618,6 +618,10 @@ a:hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border: 1px solid rgba(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
|
@ -566,7 +566,11 @@ a:hover {
|
||||
}
|
||||
|
||||
/* LIBRARY TOP HEADER DROPDOWN */
|
||||
[class*="MenuItem-menuItem-"],
|
||||
[class*="MenuItem-menuItem-"] {
|
||||
color: var(--text);
|
||||
background: 0;
|
||||
}
|
||||
|
||||
[class*="MenuContent-menuContent-"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -575,8 +579,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="MenuContent-scroller-"] {
|
||||
@ -612,10 +615,7 @@ a:hover {
|
||||
|
||||
/* ADD NEW */
|
||||
|
||||
[class*="EnhancedSelectInput-options-"],
|
||||
[class*="EnhancedSelectInputOption-option-"],
|
||||
[class*="EnhancedSelectInput-optionsContainer-"] {
|
||||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -628,6 +628,10 @@ a:hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border: 1px solid rgba(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
|
@ -250,10 +250,7 @@ a:hover {
|
||||
}
|
||||
|
||||
/* ADD NEW */
|
||||
[class*="EnhancedSelectInput-options-"],
|
||||
[class*="EnhancedSelectInputOption-option-"],
|
||||
[class*="EnhancedSelectInput-optionsContainer-"] {
|
||||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -266,6 +263,10 @@ a:hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border: 1px solid rgba(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -640,7 +641,11 @@ a:hover {
|
||||
|
||||
|
||||
/* TOP HEADER DROPDOWN */
|
||||
[class*="MenuItem-menuItem-"],
|
||||
[class*="MenuItem-menuItem-"] {
|
||||
color: var(--text);
|
||||
background: 0;
|
||||
}
|
||||
|
||||
[class*="MenuContent-menuContent-"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -649,8 +654,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="MenuContent-scroller-"] {
|
||||
|
@ -566,7 +566,11 @@ a:hover {
|
||||
}
|
||||
|
||||
/* SERIES TOP HEADER DROPDOWN */
|
||||
[class*="MenuItem-menuItem-"],
|
||||
[class*="MenuItem-menuItem-"] {
|
||||
color: var(--text);
|
||||
background: 0;
|
||||
}
|
||||
|
||||
[class*="MenuContent-menuContent-"] {
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -575,8 +579,7 @@ a:hover {
|
||||
background-size: auto, cover;
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: var(--text);
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
[class*="MenuContent-scroller-"] {
|
||||
@ -611,10 +614,7 @@ a:hover {
|
||||
}
|
||||
|
||||
/* ADD NEW */
|
||||
[class*="EnhancedSelectInput-options-"],
|
||||
[class*="EnhancedSelectInputOption-option-"],
|
||||
[class*="EnhancedSelectInput-optionsContainer-"] {
|
||||
border: 0px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -627,6 +627,10 @@ a:hover {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-options-"] {
|
||||
border: 1px solid rgba(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInputOption-isSelected-"],
|
||||
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
|
||||
background-color: rgba(255, 255, 255, 0.20) !important;
|
||||
@ -642,7 +646,6 @@ a:hover {
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-optionsModalScroller-"] {
|
||||
border: 1px solid var(--drop-down-menu-bg);
|
||||
border-radius: 4px;
|
||||
background: var(--drop-down-menu-bg);
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -663,8 +666,7 @@ a:hover {
|
||||
color: var(--button-text-hover);
|
||||
}
|
||||
|
||||
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
|
||||
|
||||
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
|
30
css/community-theme-options/trueblack.css
Normal file
30
css/community-theme-options/trueblack.css
Normal file
@ -0,0 +1,30 @@
|
||||
:root {
|
||||
--main-bg-color: #000;
|
||||
--modal-bg-color: #000;
|
||||
--modal-header-color: #000;
|
||||
--modal-footer-color: #000;
|
||||
|
||||
--drop-down-menu-bg: #000;
|
||||
|
||||
--button-color: #7a7a7a;
|
||||
--button-color-hover: #444;
|
||||
--button-text: #ddd;
|
||||
--button-text-hover: #999;
|
||||
|
||||
--accent-color: 170, 170, 170;
|
||||
--accent-color-hover: rgba(153, 153, 153, 0.45);
|
||||
--link-color: #7a7a7a;
|
||||
--link-color-hover: #999;
|
||||
--label-text-color: black;
|
||||
|
||||
--text:#ddd;
|
||||
--text-hover: #999;
|
||||
--text-muted: #5a5a5a;
|
||||
|
||||
/*Specials*/
|
||||
--arr-queue-color: #ddd; /* Servarr apps + Bazarr*/
|
||||
--plex-poster-unwatched: #ddd;
|
||||
--petio-spinner: invert(35%) sepia(0%) saturate(6%) hue-rotate(136deg) brightness(95%) contrast(87%);/* Made with https://codepen.io/jsm91/embed/ZEEawyZ */
|
||||
--gitea-color-primary-dark-4: 170, 170, 170;
|
||||
--overseerr-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.17) 0%, rgba(0, 0, 0) 100%);
|
||||
}
|
Loading…
Reference in New Issue
Block a user