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

Merge pull request #310 from GilbN/develop

Browse Source 
1.6.9
This commit is contained in:
GilbN 2022-01-04 01:07:52 +01:00 committed by GitHub
commit aad1e1b8e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 384 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

168
css/base/bitwarden/bitwarden-base.css
View File

@ -19,7 +19,9 @@ img.logo {
}
body.layout_frontend,
body {
html[class*="theme_"] body,
html[class*="theme_"] body.layout_frontend,
html {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -39,17 +41,22 @@ app-org-vault-groupings .card .card-body a,
color: var(--link-color);
}
a:hover,
a:hover:not(.btn-secondary):not(.btn-outline-primary),
app-vault-groupings .card li.active>a:first-of-type,
app-vault-groupings .card li.active>div a:first-of-type,
app-org-vault-groupings .card li.active>a:first-of-type,
app-org-vault-groupings .card li.active>div a:first-of-type,
.groupings .card li.active>a:first-of-type,
.groupings .card li.active>div a:first-of-type {
.groupings .card li.active>div a:first-of-type,
html[class*="theme_"] a {
color: var(--link-color-hover) !important;
}
html[class*="theme_"] #totpImage {
background: lightgray;
}
/* TEXT */
html[class*="theme_"] .text-muted,
.text-muted,
.form-check-block .form-check-label>small,
.modal-header small,
@ -75,10 +82,10 @@ h6,
.h4,
.h5,
.h6,
label,
label:not(.form-check-label):not(.btn),
label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label),
label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label),
label.bold .card-header:first-child,
.card-header,
html[class*="theme_"] .card-header,
.modal-header {
color: var(--text-hover) !important;
}
@ -96,8 +103,21 @@ label.bold .card-header:first-child,
}
/* CARDS */
html[class*="theme_"] .card-header {
background-color: rgb(0 0 0 / 45%);
color: #fff;
}
.card {
background-color: rgba(255, 255, 255, 0.07);
background-color: rgba(255, 255, 255, 0.07) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: var(--text) !important;
}
html[class*="theme_"] .card-body:not(.bg-light>.card-body) {
background-color: transparent;
color: var(--text);
}
app-vault-groupings .card li.active>a:first-of-type,
@ -106,17 +126,31 @@ app-vault-groupings .card li.active>div>.fa {
color: rgb(var(--accent-color));
}
body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 {
body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4,
body > app-root > app-user-layout > app-tools > div > div > div.col-9 > app-password-generator > div.card.card-password.bg-light.my-4 > div {
background-color: rgb(0 0 0 / 15%) !important;
}
.password-number {
html[class*="theme_"] .password-number {
color: rgb(var(--accent-color));
}
html[class*="theme_"] .password-letter {
color: white;
}
/* MODALS */
.modal-content,
.modal-footer {
html[class*="theme_"] .modal-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: var(--modal-header-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;
}
html[class*="theme_"] .modal-body {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -126,6 +160,17 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
html[class*="theme_"] .modal-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: var(--modal-footer-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;
}
.close,
.close:hover {
@ -183,26 +228,35 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
}
/* FORMS */
.form-control:focus {
box-shadow: none;
border-color: transparent;
html[class*="theme_"] label.form-check-label, html[class*="theme_"] .form-control-file {
color: var(--text);
}
.form-control {
html[class*="theme_"] .form-control:focus {
box-shadow: none;
border-color: transparent;
background: rgb(253 253 253 / 15%);
}
html[class*="theme_"] .form-control {
color: var(--text);
background-color: rgb(0 0 0 / 0.25);
border: 1px solid transparent;
}
.form-control:disabled,
html[class*="theme_"] .form-control:disabled,
.form-control[readonly] {
background-color: rgb(255 255 255 / 25%);
opacity: 1;
}
select:focus {
background: #1f1f1f !important;
}
/* DROPDOWN MENU */
.dropdown-menu {
/* html[class*="theme_"] .dropdown-menu {
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
@ -213,15 +267,20 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
-o-background-size: auto, cover;
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
} */
html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item {
background: #1f1f1f;
color: #fff;
}
.dropdown-item,
.dropdown-item-text {
html[class*="theme_"] .dropdown-item,
html[class*="theme_"] .dropdown-item-text {
color: var(--text);
}
.dropdown-item:hover,
.dropdown-item:focus {
html[class*="theme_"] .dropdown-item:hover,
html[class*="theme_"] .dropdown-item:focus {
color: var(--text-hover);
text-decoration: none;
background-color: rgb(255 255 255 / 0.08);
@ -239,19 +298,32 @@ a.text-danger:focus {
}
/* SETTINGS */
.list-group-item.active {
html[class*="theme_"] .page-header, html[class*="theme_"] .secondary-header {
border-bottom: 1px solid rgb(255 255 255 / 30%);
}
html[class*="theme_"] .list-group-item.active {
color: var(--text);
background-color: rgb(255 255 255 / 10%);
border-left: 3px solid rgb(var(--accent-color));
border-color: rgba(255, 255, 255, 0.1);
}
.callout {
html[class*="theme_"] .callout {
background-color: rgb(255 255 255 / 15%);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text);
}
.list-group-item {
html[class*="theme_"] .list-group-item {
background-color: rgb(0 0 0 / 25%);
border: 1px solid rgb(255 255 255 / 8%);
color: var(--text);
}
html[class*="theme_"] .progress {
background-color: rgba(0, 0, 0, 0.25);
}
/* BUTTONS */
@ -295,17 +367,21 @@ a.text-danger:focus {
.btn[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button.swal2-cancel {
border-color: var(--button-color);
background-color: var(--button-color);
color: var(--button-text);
.swal2-popup .swal2-actions button.swal2-cancel,
html[class*="theme_"] .btn-primary,
html[class*="theme_"] .swal2-confirm {
border-color: var(--button-color) !important;
background-color: var(--button-color) !important;
color: var(--button-text) !important;
}
.btn-outline-secondary:hover,
.swal2-popup .swal2-actions button.swal2-cancel:hover {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
.swal2-popup .swal2-actions button.swal2-cancel:hover,
html[class*="theme_"] .btn-primary,
html[class*="theme_"] .swal2-confirm {
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-outline-secondary:hover:not(:disabled),
@ -315,8 +391,8 @@ a.text-danger:focus {
.btn-outline-primary:hover {
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
@ -335,7 +411,9 @@ a.text-danger:focus {
.btn-outline-secondary.focus,
.swal2-popup .swal2-actions button.focus.swal2-cancel,
.btn-outline-primary:focus,
.btn-outline-primary.focus {
.btn-outline-primary.focus,
.btn-check:focus+.btn,
.btn:focus {
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color), .5);
}
@ -344,12 +422,15 @@ a.text-danger:focus {
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle,
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel {
color: var(--button-text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel,
html[class*="theme_"] .btn-outline-secondary:hover:not(:disabled),
html[class*="theme_"] .btn-outline-secondary:active {
color: var(--button-text-hover) !important;
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
@ -499,4 +580,13 @@ input:focus:-ms-input-placeholder {
.card-header small,
.modal-header small {
color: var(--text-muted) !important;
}
/* Table */
.table-striped>tbody>tr:nth-of-type(odd)>* {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--text-hover);
}
html[class*="theme_"] .table td {
color: var(--text);
}

36
css/base/lidarr/lidarr-base.css
View File

@ -251,8 +251,10 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2);
[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;
@ -275,11 +277,37 @@ a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
[class*="HintedSelectInputOption-hintText-"] {
color: var(--text);
}
[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;
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);
}
[class*="EnhancedSelectInput-mobileCloseButton-"] {
color: var(--button-text);
}
[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
color: var(--button-text-hover);
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* SIDE MENU */
[class*="PageSidebar-sidebarContainer-"] {
background-color: rgba(0, 0, 0, .25);

30
css/base/ombi/ombi-base.css
View File

@ -36,6 +36,12 @@ html, body, .wizard-background, .content-container, #main-container\ dark > mat-
background: transparent !important;
}
.container-alert {
color: #fff;
background-color: rgb(0 0 0 / 50%) !important;
border-color: rgb(var(--accent-color)) !important;
}
.h1,
.h2,
.h3,
@ -549,8 +555,26 @@ button.admin-cog {
color: rgb(var(--accent-color)) !important;
}
.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: rgb(var(--accent-color));
}
.mat-input-element,.login-card .mat-input-element {
caret-color: rgb(var(--accent-color)) !important;
}
input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: -internal-light-dark(rgba(232, 240, 254, 0), rgba(70, 90, 126, 0.4)) !important;
color: -internal-light-dark(black, white) !important;
}
.mat-form-field.mat-focused .mat-form-field-ripple,
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
background-color: rgb(var(--accent-color));
}
@ -599,6 +623,10 @@ button.admin-cog {
/* TABLES */
.table {
color: var(--text);
}
.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,

10
css/base/organizr/organizr-base.css
View File

@ -644,7 +644,7 @@ th.fc-day-header.fc-widget-header.fc-today {
/* logo */
.white-box .visible-xs {
display: block !important;
display: block;
}
.loginLogo {
@ -1154,7 +1154,7 @@ label[for="checkbox-login"]:hover {
.nav-tabs>li.active>a:hover {
cursor: pointer;
opacity: 1;
background: rgba(0, 0, 0, 0.25) !important;
background: rgb(var(--accent-color) , .15) !important;
}
#homepageOrderdownloader .nav-tabs>li.active>a,
@ -1164,12 +1164,6 @@ label[for="checkbox-login"]:hover {
padding: 10px 12.5px;
}
#homepageOrderdownloader .nav-tabs>li.active>a,
.nav-tabs>li.active .nav>li>a .customtab,
#homepageOrderdownloader .nav-tabs {
padding: 10px 12.5px;
}
#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li.active>a,
#homepageOrderdownloader ul.nav.customtab.nav-tabs.m-t-5.nav-tabs>li>a {
padding: 10px 11.5px !important;

37
css/base/prowlarr/prowlarr-base.css
View File

@ -192,6 +192,7 @@ a:hover {
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
border: 1px solid #ccc;
}
/* HEADER */
@ -470,6 +471,10 @@ a:hover {
color: #000;
}
[class*="Label-disabled-"][class*="Label-outline-"] {
color: #000;
}
[class*="PageSidebarItem-status-"][class*="Label-info-"] {
border-color: var(--arr-queue-color);
background-color: var(--arr-queue-color);
@ -597,8 +602,10 @@ a:hover {
/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2);
[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;
@ -625,6 +632,32 @@ a:hover {
color: var(--text);
}
[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;
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);
}
[class*="EnhancedSelectInput-mobileCloseButton-"] {
color: var(--button-text);
}
[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
color: var(--button-text-hover);
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* SEARCH BAR */
[class*="Input-input-"],
[class*="AddNewMovie-searchIconContainer-"],

76
css/base/radarr/radarr-base.css
View File

@ -10,11 +10,12 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
:root {
--calendar-in-cinemas: 53, 197, 244;
--calendar-in-cinemas: 53 197 244;
--calendar-downloading: 122 67 182;
--calendar-unmonitored: 173 173 173;
--calendar-unaired: 93 156 236;
--calendar-missing: 240 80 80;
--calendar-missing-unmonitored: 255 165 0;
--calendar-available: 39 194 76;
}
@ -41,7 +42,7 @@ body {
}
/* LINKS */
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) {
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]):not([class*="AgendaEvent"]) {
color: var(--link-color);
}
@ -342,6 +343,10 @@ a:hover {
color: var(--text) !important;
}
[class*="MovieFileStatus-missing"].colorImpaired {
background: transparent;
}
.fa-search:hover {
color: var(--text-hover) !important;
}
@ -607,8 +612,10 @@ a:hover {
/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2);
[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;
@ -635,6 +642,33 @@ a:hover {
color: var(--text);
}
[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;
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);
}
[class*="EnhancedSelectInput-mobileCloseButton-"] {
color: var(--button-text);
}
[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
color: var(--button-text-hover);
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* SEARCH BAR */
[class*="Input-input-"],
[class*="AddNewMovie-searchIconContainer-"],
@ -843,16 +877,28 @@ input:focus:-ms-input-placeholder {
border-left-color: transparent !important;
}
[class*="CalendarEvent-missing-"] {
[class*="CalendarEvent-missing-"],
[class*="CalendarEvent-missingMonitored"] {
background: rgb(var(--calendar-missing) / .7) !important;
border-left-color: transparent !important;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover {
[class*="Calendar-calendar-"] [class*="CalendarEvent-missing-"]:hover,
[class*="Calendar-calendar-"] [class*="CalendarEvent-missingMonitored"]:hover {
background: rgba(var(--calendar-missing) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missingUnmonitored-"] {
background: rgb(var(--calendar-missing-unmonitored) / .7) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-missingUnmonitored-"]:hover {
background: rgb(var(--calendar-missing-unmonitored) / .5) !important;
border-left-color: transparent !important;
}
[class*="CalendarEvent-unreleased-"] {
background: rgb(var(--calendar-unaired) / .7) !important;
border-left-color: transparent !important;
@ -863,6 +909,16 @@ input:focus:-ms-input-placeholder {
border-left-color: transparent !important;
}
[class*="CalendarEvent-event-"] {
background: rgb(var(--calendar-unmonitored) / .7);
border-left-color: transparent;
}
[class*="Calendar-calendar-"] [class*="CalendarEvent-event-"]:hover {
background: rgb(var(--calendar-unmonitored) / .5);
border-left-color: transparent;
}
[class*="CalendarEvent-unmonitored-"] {
background: rgb(var(--calendar-unmonitored) / .7) !important;
border-left-color: transparent !important;
@ -912,7 +968,8 @@ input:focus:-ms-input-placeholder {
[class*="CalendarEvent-movieTitle-"],
[class*="CalendarEvent-movieInfo-"],
[class*="CalendarEvent-episodeInfo-"],
[class*="CalendarEvent-airTime-"] {
[class*="CalendarEvent-airTime-"],
[class*="CalendarEvent-link-"] {
color: #fff !important;
}
@ -936,6 +993,11 @@ input:focus:-ms-input-placeholder {
color: var(--text);
}
[class*="LegendItem-missingMonitoredColorImpaired-"],
[class*="LegendItem-missingUnmonitoredColorImpaired-"] {
background: transparent;
}
/* calendar agenda */
[class*="AgendaEvent-event-"]:hover {
background-color: hsla(0, 0%, 100%, .08) !important;

42
css/base/readarr/readarr-base.css
View File

@ -250,8 +250,10 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2);
[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;
@ -274,11 +276,37 @@ a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
[class*="HintedSelectInputOption-hintText-"] {
color: var(--text);
}
[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;
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);
}
[class*="EnhancedSelectInput-mobileCloseButton-"] {
color: var(--button-text);
}
[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
color: var(--button-text-hover);
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* SIDE MENU */
[class*="PageSidebar-sidebarContainer-"] {
background-color: rgba(0, 0, 0, .25);
@ -603,7 +631,9 @@ a:hover {
/* POSTERS */
[class*="AuthorIndexPoster-title-"],
[class*="AuthorIndexPosterInfo-info-"] {
[class*="AuthorIndexPosterInfo-info-"],
[class*="BookIndexPoster-title-"],
[class*="BookIndexPosterInfo-info-"] {
background-color: rgba(255, 255, 255, 0.08);
color: var(--text-hover);
}
@ -1271,4 +1301,4 @@ input[type=password] {
/*Specific Book Page*/
[class*="BookDetails-tab-"] {
color: #FFF;
}
}

36
css/base/sonarr/sonarr-base.css
View File

@ -611,8 +611,10 @@ a:hover {
}
/* ADD NEW */
[class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2);
[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;
@ -635,11 +637,37 @@ a:hover {
background-color: rgba(255, 255, 255, 0.08);
}
[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
[class*="HintedSelectInputOption-hintText-"] {
color: var(--text);
}
[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;
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);
}
[class*="EnhancedSelectInput-mobileCloseButton-"] {
color: var(--button-text);
}
[class*="EnhancedSelectInput-mobileCloseButton-"]:hover {
color: var(--button-text-hover);
}
[class*="EnhancedSelectInput-mobileCloseButtonContainer-"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
/* SEARCH BAR */
[class*="Input-input-"],
[class*="AddNewSeries-searchIconContainer-"],

2
css/theme-options/aquamarine.css
View File

@ -20,7 +20,7 @@
--text:#ddd;
--text-hover: #fff;
--text-muted: #999;
--text-muted: #8dcfc9;
/*Specials*/
--arr-queue-color: #009688; /* Servarr apps + Bazarr*/

39
themes.py
View File

@ -114,24 +114,24 @@ def create_json(app_folders: list = None, themes: list = None, community_themes:
APPS.update(THEMES)
return dumps(APPS)
def temporary_copy_files():
shutil.rmtree("./CSS", ignore_errors=True)
shutil.rmtree("./Resources", ignore_errors=True)
src_dst = {
"./css/base/": "./CSS/themes",
"./css/theme-options": "./CSS/variables",
"./css/community-theme-options": "./CSS/variables",
"./resources/": "./Resources/",
"./css/addons/": "./CSS/addons",
"./css/defaults/": "./CSS/defaults",
"./css/theme-options/organizr.css": "./CSS/variables/organizr-dark.css",
"./css/theme-options/organizr.css": "./css/theme-options/organizr-dark.css"
}
for src in src_dst:
if ".css" in src:
shutil.copy(src,src_dst[src])
continue
shutil.copytree(src,src_dst[src],dirs_exist_ok=True)
# def temporary_copy_files():
# shutil.rmtree("./CSS", ignore_errors=True)
# shutil.rmtree("./Resources", ignore_errors=True)
# src_dst = {
# "./css/base/": "./CSS/themes",
# "./css/theme-options": "./CSS/variables",
# "./css/community-theme-options": "./CSS/variables",
# "./resources/": "./Resources/",
# "./css/addons/": "./CSS/addons",
# "./css/defaults/": "./CSS/defaults",
# "./css/theme-options/organizr.css": "./CSS/variables/organizr-dark.css",
# "./css/theme-options/organizr.css": "./css/theme-options/organizr-dark.css"
# }
# for src in src_dst:
# if ".css" in src:
# shutil.copy(src,src_dst[src])
# continue
# shutil.copytree(src,src_dst[src],dirs_exist_ok=True)
def create_theme_options():
def create_css(folder):
@ -144,7 +144,7 @@ def create_theme_options():
applications = data["applications"]
for app in applications:
for theme in themes:
folders = ["./CSS/themes","./css/base"]
folders = ["./css/base"]
for folder in folders:
create_css(folder)
@ -160,5 +160,4 @@ if __name__ == "__main__":
apps = loads(create_json(app_folders=app_folders, themes=themes, community_themes=community_themes))
with open("themes.json", "w") as outfile:
dump(apps, outfile, indent=2, sort_keys=True)
temporary_copy_files()
create_theme_options()