Browse Source

radarr var update

pull/230/head
Marius 3 years ago
parent
commit
59ccaf1b03
  1. 21
      CSS/themes/radarr/aquamarine.css
  2. 23
      CSS/themes/radarr/dark.css
  3. 23
      CSS/themes/radarr/dracula.css
  4. 21
      CSS/themes/radarr/hotline.css
  5. 23
      CSS/themes/radarr/organizr-dark.css
  6. 23
      CSS/themes/radarr/plex.css
  7. 30
      CSS/themes/radarr/radarr-base.css
  8. 21
      CSS/themes/radarr/space-gray.css

21
CSS/themes/radarr/aquamarine.css

@ -13,30 +13,15 @@
/* RADARR AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
/* APP VARS */
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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-available: 39 194 76;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--queue-color: #009688;
--link-color: #0ed2bf;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #c2c2c2;
}

23
CSS/themes/radarr/dark.css

@ -13,30 +13,15 @@
/* RADARR DARK THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
@import url(https://theme-park.dev/CSS/variables/dark.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
--queue-color: #6b5;
--link-color: #ddd;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #999;
}
}

23
CSS/themes/radarr/dracula.css

@ -12,30 +12,15 @@
/* RADARR DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: #282a36;
--modal-bg-color: #282a36;
@import url(https://theme-park.dev/CSS/variables/dracula.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: #bd93f9;
--button-color-hover: #ff79c6;
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: #50fa7b;
--accent-color-hover: #50fa7b;
--queue-color: #50fa7b;
--link-color: #ff79c6;
--link-color-hover: #8be9fd;
--label-text-color: #282a36;
--text:#6272a4;
--text-hover: #95adfa;
--text-muted: #999;
}
}

21
CSS/themes/radarr/hotline.css

@ -13,30 +13,15 @@
/* RADARR HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
@import url(https://theme-park.dev/CSS/variables/hotline.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--button-text-hover: #FFF;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--queue-color: #6b5;
--link-color: #ddd;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #999;
}

23
CSS/themes/radarr/organizr-dark.css

@ -13,30 +13,15 @@
/* RADARR ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: #2cabe3;
--accent-color-hover: white;
--queue-color: #2cabe3;
--link-color: #2cabe3;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#96a2b4;
--text-hover: #fff;
--text-muted: #999;
}
}

23
CSS/themes/radarr/plex.css

@ -13,30 +13,15 @@
/* RADARR PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
@import url(https://theme-park.dev/CSS/variables/plex.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--queue-color: #27c24c;
--link-color: #e5a00d;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #999;
}
}

30
CSS/themes/radarr/radarr-base.css

@ -111,7 +111,7 @@ a:hover {
[class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color);
color: #fff;
border-bottom: var(--accent-color);
border-bottom: rgb(var(--accent-color));
}
[class*="ModalContent-modalContent-"] {
@ -122,7 +122,7 @@ a:hover {
[class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color);
color: #fff;
border-top: 1px solid var(--accent-color);
border-top: 1px solid rgb(var(--accent-color));
}
[class*="ModalContent-closeButton-"]:hover {
@ -157,8 +157,8 @@ a:hover {
}
[class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important;
border-color: rgb(var(--accent-color)) !important;
background-color: rgb(var(--accent-color)) !important;
color: var(--label-text-color) !important;
}
@ -208,14 +208,14 @@ a:hover {
}
[class*="PageSidebarItem-link-"]:hover {
color: var(--accent-color);
color: rgb(var(--accent-color));
text-decoration: none;
}
[class*="PageSidebarItem-isActiveLink-"],
[class*="PageSidebarItem-isActiveLink-"]:hover,
[class*="PageSidebarItem-link-"]:focus {
color: var(--accent-color) !important;
color: rgb(var(--accent-color)) !important;
}
[class*="PageSidebarItem-isActiveParentLink-"] {
@ -229,13 +229,13 @@ a:hover {
}
[class*="PageSidebarItem-isActiveItem-"] {
border-left: 3px solid var(--accent-color);
border-left: 3px solid rgb(var(--accent-color));
}
/* MOVIES PAGE */
/* RADARR SPECIFIC */
[class*="MovieIndexPoster-controls-"] {
background-color: var(--accent-color) !important;
background-color: rgb(var(--accent-color)) !important;
}
[class*="MovieTitlesTableContent-blankpad-"],
[class*="ExtraFileTableContent-blankpad-"],
@ -275,7 +275,7 @@ a:hover {
}
[class*=".ProgressBar-purple-"] {
background-color: var(--accent-color);
background-color: rgb(var(--accent-color));
}
/* MOVIE PAGE */
@ -377,14 +377,14 @@ a:hover {
}
[class*="Label-default-"] {
border-color: var(--accent-color);
background-color: var(--accent-color);
border-color: rgb(var(--accent-color));
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
}
[class*="Label-info-"] {
border-color: var(--accent-color);
background-color: var(--accent-color);
border-color: rgb(var(--accent-color));
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
}
@ -395,7 +395,7 @@ a:hover {
}
[class*="MovieDetails-selectedTab-"] {
border-bottom: 4px solid var(--accent-color);
border-bottom: 4px solid rgb(var(--accent-color));
}
[class*="MovieDetails-tabList-"] {
@ -638,7 +638,7 @@ input:focus:-ms-input-placeholder {
[class*="FieldSet-legend-"] {
color: #FFF;
border-bottom: 1px solid var(--accent-color);
border-bottom: 1px solid rgb(var(--accent-color));
}
[class*="VirtualTableRow-row-"]:hover {

21
CSS/themes/radarr/space-gray.css

@ -13,30 +13,15 @@
/* RADARR SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/radarr/radarr-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
/* APP VARS */
:root {
--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-available: 39 194 76;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--button-text: #eee;
--button-text-hover: #fff;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
--queue-color: #81a6b7;
--link-color: #81a6b7;
--link-color-hover: #fff;
--label-text-color: #fff;
--text:#eee;
--text-hover: #fff;
--text-muted: #999;
}

Loading…
Cancel
Save