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

Added a darker theme for all *arrs

Browse Source
This commit is contained in:
gilbn 2021-08-23 13:00:10 +02:00
parent 9af83689ca
commit 7d4c3f1800
7 changed files with 576 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
CSS/addons/bazarr/bazarr-darker/bazarr-darker.css Normal file
View File

@ -0,0 +1,65 @@
:root {
--main-bg-color: #313544;
--modal-bg-color: #252833;
--modal-header-color: #252833;
--modal-footer-color: #252833;
--drop-down-menu-bg: #252833;
--button-color: #911f93;
--button-color-hover: #721873;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 145, 31, 147;
--accent-color-hover: rgb(var(--accent-color), .8);
--link-color: #b828bb;
--link-color-hover: #911f93;
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #6c757d;
--side-menu-active: #252833;
--side-menu-color: #3a3f51;
--side-menu-link-color: #fff;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #911f93;
--label-info: #5d9cec;
--header-color: #911f93;
}
/* HEADER */
.header-container .bg-primary {
background-color: var(--header-color) !important;
}
/* SIDE MENU */
.sidebar-container {
background-color: var(--side-menu-color) !important;
color: white !important;
}
.sidebar-container .sidebar-button {
color: var(--side-menu-link-color) !important;
}
.sidebar-container .sidebar-button {
background-color: var(--side-menu-color) !important;
}
.sidebar-container .sidebar-button.sb-active, .sidebar-container .sidebar-button.sb-active:hover {
color: var(--side-menu-link-color) !important;
background-color: var(--side-menu-active) !important;
}
.sidebar-container .sidebar-button:hover {
background-color: var(--side-menu-active) !important;
color: var(--side-menu-link-color) !important;
}

117
CSS/addons/lidarr/lidarr-darker/lidarr-darker.css Normal file
View File

@ -0,0 +1,117 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #353535;
--modal-header-color: #353535;
--modal-footer-color: #353535;
--drop-down-menu-bg: #4d8069;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 0, 166, 91;
--accent-color-hover: rgb(0, 166, 91, .8);
--link-color: rgb(0, 166, 91);
--link-color-hover: rgb(0, 166, 91, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #00a65b;
--side-menu-active: #252525;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #1d563d;
--label-info: #5d9cec;
--header-color: #00a65b;
--side-menu-color: #353535;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #1d563d;
color: #e1e2e3;
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: #353535;
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*=ArtistSearchInput-containerOpen-] [class*=ArtistSearchInput-artistContainer-] {
border: 1px solid var(--main-bg-color);
background-color: var(--main-bg-color);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}

119
CSS/addons/prowlarr/prowlarr-darker/prowlarr-darker.css Normal file
View File

@ -0,0 +1,119 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #454545;
--modal-header-color: #454545;
--modal-footer-color: #454545;
--drop-down-menu-bg: #606060;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 230, 96, 0;
--accent-color-hover: rgb(var(--accent-color),.8);
--link-color: rgb(230, 96, 0);
--link-color-hover: rgb(230, 96, 0, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #5d9cec;
--side-menu-active: #333333;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #707070;
--label-info: #5d9cec;
--header-color: #e66000;
--side-menu-color: #595959;
--side-menu-link-color: #e66000;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #707070;
color: var(--text);
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--side-menu-link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*=IndexerSearchInput-containerOpen-] [class*=IndexerSearchInput-movieContainer-] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}

124
CSS/addons/radarr/radarr-darker/radarr-darker.css Normal file
View File

@ -0,0 +1,124 @@
:root {
--main-bg-color: #454545;
--modal-bg-color: #595959;
--modal-header-color: #595959;
--modal-footer-color: #595959;
--drop-down-menu-bg: #606060;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 255, 194, 48;
--accent-color-hover: rgb(255, 194, 48, .8);
--link-color: rgb(255, 194, 48);
--link-color-hover: rgb(255, 194, 48, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #5d9cec;
--side-menu-active: #333333;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #707070;
--label-info: #5d9cec;
--header-color: #464b51;
--side-menu-color: #595959;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #707070;
color: var(--text);
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}
/* SERIES PAGE */
[class*="MovieIndexPoster-controls-"] {
background-color: var(--label-color) !important;
color: #fff !important;
}

126
CSS/addons/readarr/readarr-darker/readarr-darker.css Normal file
View File

@ -0,0 +1,126 @@
:root {
--main-bg-color: #4a4a4b;
--modal-bg-color: #353535;
--modal-header-color: #353535;
--modal-footer-color: #353535;
--drop-down-menu-bg: #66001a;
--button-color: #5899eb;
--button-color-hover: #4b91ea;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: 202, 48, 45;
--accent-color-hover: rgb(var(--accent-color), .8);
--link-color: rgb(93, 156, 236);
--link-color-hover: rgb(93, 156, 236, .8);
--label-text-color: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
/*Specials*/
--arr-queue-color: #1d563d;
--side-menu-active: #252525;
--scroller-hover: #606060;
--scroller: #707070;
--border-color: #606060;
--label-color: #810020;
--label-info: #5d9cec;
--header-color: #a41726;
--side-menu-color: #353535;
--side-menu-link-color: #ca302d;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
[class*="PageToolbar-toolbar-"] {
background-color: #810020;
color: #e1e2e3;
}
/* SIDE MENU */
[class*="PageSidebar-sidebar-"] {
background-color: #353535;
color: #fff;
}
[class*=PageSidebarItem-link-]:focus {
color: rgb(var(--accent-color)) !important;
}
[class*=PageSidebarItem-isActiveLink-] {
color: var(--side-menu-link-color) !important;
}
[class*=PageSidebarItem-isActiveParentLink-] {
background-color: var(--side-menu-active);
}
/* SCROLLER */
[class*=ImportSeriesSelectSeries-results-]::-webkit-scrollbar-thumb:hover,
[class*=OverlayScroller-thumb-]:hover {
background-color: var(--scroller-hover) !important;
}
[class*="OverlayScroller-thumb-"],
[class*=Scroller-scroller-]::-webkit-scrollbar-thumb {
background-color: var(--scroller) !important;
}
/* MODALS */
[class*=ModalHeader-modalHeader-],
[class*=FieldSet-legend-] {
border-bottom: 1px solid var(--border-color);
}
[class*=ModalFooter-modalFooter-] {
border-top: 1px solid var(--border-color);
}
/* LABLES */
[class*="Label-default-"] {
border-color: var(--label-color);
background-color: var(--label-color);
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: #fff;
}
.Label-default-xecWd {
border-color: #810020;
background-color: #810020;
}
/* SETTINGS */
[class*=Settings-link-] {
border-bottom: 1px solid var(--border-color);
}
/* SEARCH DROP DOWN */
[class*="MovieSearchInput-containerOpen-"] [class*="MovieSearchInput-movieContainer-"] {
border: 1px solid var(--drop-down-menu-bg);
background-color: var(--drop-down-menu-bg);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
color: #e1e2e3;
}
/* AUTHOR PAGE */
[class*="AuthorDetailsHeader-headerContent-"], [class*="BookDetailsHeader-headerContent-"] {
color: #fff;
background: #4a4a4b;
}

29
CSS/addons/sonarr/sonarr-theme/sonarr-theme.css → CSS/addons/sonarr/sonarr-darker/sonarr-darker.css
View File

@ -1,9 +1,9 @@
:root {
--main-bg-color: #4f566f;
--modal-bg-color: #656d8c;
--modal-header-color: #656d8c;
--modal-footer-color: #656d8c;
--modal-bg-color: #3a3f51;
--modal-header-color: #3a3f51;
--modal-footer-color: #3a3f51;
--drop-down-menu-bg: #3a3f51;
@ -18,7 +18,7 @@
--link-color-hover: rgb(53, 197, 244, .8);
--label-text-color: #4f566f;
--text: #eee;
--text: #ccc;
--text-hover: #fff;
--text-muted: #999;
@ -29,11 +29,22 @@
--scroller: #9ea4b9;
--border-color: #4f566f;
--label-color: #4f566f;
--label-info: #5d9cec;
--header-color: #2193b5;
--side-menu-color: #3a3f51;
}
/* HEADER */
[class*="PageHeader-header-"] {
background-color: var(--header-color);
color: #fff;
}
/* SIDE MENU */
[class*="PageHeader-header-"] {
background-color: var(--accent-color-hover);
[class*="PageSidebar-sidebar-"] {
background-color: var(--side-menu-color);
color: #fff;
}
@ -77,6 +88,12 @@
color: white;
}
[class*="Label-info-"]:not([class*="PageSidebarItem-status-"] [class*="Label-info-"]) {
border-color: var(--label-info);
background-color: var(--label-info);
color: white;
}
/* SETTINGS */
[class*=Settings-link-] {

22
CSS/themes/bazarr/bazarr-base.css
View File

@ -10,6 +10,8 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
@import url("https://theme-park/CSS/defaults/placeholders.css");
* {
outline: none;
}
@ -789,26 +791,6 @@ line {
fill: none;
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
}
/* TOASTS */
.toast {