Browse Source

*arrs uses new vars

pull/230/head
Marius 4 years ago
parent
commit
0a29c1aadc
  1. 6
      CSS/themes/bazarr/bazarr-base.css
  2. 8
      CSS/themes/lidarr/lidarr-base.css
  3. 8
      CSS/themes/prowlarr/prowlarr-base.css
  4. 8
      CSS/themes/radarr/radarr-base.css
  5. 8
      CSS/themes/readarr/readarr-base.css
  6. 8
      CSS/themes/sonarr/sonarr-base.css

6
CSS/themes/bazarr/bazarr-base.css

@ -396,11 +396,13 @@ hr {
} }
.modal-header { .modal-header {
background: var(--modal-header-color);
border-bottom: 1px solid var(--accent-color); border-bottom: 1px solid var(--accent-color);
} }
.modal-footer { .modal-footer {
background: var(--modal-footer-color);
border-top: 1px solid var(--accent-color); border-top: 1px solid var(--accent-color);
} }
@ -623,7 +625,7 @@ input {
/* DROPDOWN MENU */ /* DROPDOWN MENU */
.dropdown-menu,.dropdown-header { .dropdown-menu,.dropdown-header {
color: var(--text); color: var(--text);
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
} }
.dropdown-item { .dropdown-item {
@ -657,7 +659,7 @@ input {
} }
.selector__menu { .selector__menu {
background: var(--modal-bg-color) !important; background: var(--drop-down-menu-bg) !important;
color: var(--text) color: var(--text)
} }

8
CSS/themes/lidarr/lidarr-base.css

@ -109,7 +109,7 @@ a:hover {
/* MODAL */ /* MODAL */
[class*="ModalHeader-modalHeader-"] { [class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color); background: var(--modal-header-color);
color: var(--text-hover); color: var(--text-hover);
border-bottom: rgb(var(--accent-color)); border-bottom: rgb(var(--accent-color));
} }
@ -122,7 +122,7 @@ a:hover {
} }
[class*="ModalFooter-modalFooter-"] { [class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color); background: var(--modal-footer-color);
color: #fff; color: #fff;
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
@ -218,7 +218,7 @@ a:hover {
[class*="EnhancedSelectInput-options-"] { [class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px; border-radius: 4px;
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
@ -511,7 +511,7 @@ a:hover {
/* TOP HEADER DROPDOWN */ /* TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"], [class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] { [class*="MenuContent-menuContent-"] {
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }

8
CSS/themes/prowlarr/prowlarr-base.css

@ -109,7 +109,7 @@ a:hover {
/* MODAL */ /* MODAL */
[class*="ModalHeader-modalHeader-"] { [class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color); background: var(--modal-header-color);
color: var(--text-hover); color: var(--text-hover);
border-bottom: var(--accent-color); border-bottom: var(--accent-color);
} }
@ -120,7 +120,7 @@ a:hover {
} }
[class*="ModalFooter-modalFooter-"] { [class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color); background: var(--modal-footer-color);
color: #fff; color: #fff;
border-top: 1px solid var(--accent-color); border-top: 1px solid var(--accent-color);
} }
@ -467,7 +467,7 @@ a:hover {
/* LIBRARY TOP HEADER DROPDOWN */ /* LIBRARY TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"], [class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] { [class*="MenuContent-menuContent-"] {
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
@ -507,7 +507,7 @@ a:hover {
[class*="EnhancedSelectInput-options-"] { [class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px; border-radius: 4px;
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],

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

@ -109,7 +109,7 @@ a:hover {
/* MODAL */ /* MODAL */
[class*="ModalHeader-modalHeader-"] { [class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color); background: var(--modal-header-color);
color: var(--text-hover); color: var(--text-hover);
border-bottom: rgb(var(--accent-color)); border-bottom: rgb(var(--accent-color));
} }
@ -120,7 +120,7 @@ a:hover {
} }
[class*="ModalFooter-modalFooter-"] { [class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color); background: var(--modal-footer-color);
color: #fff; color: #fff;
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
@ -472,7 +472,7 @@ a:hover {
/* LIBRARY TOP HEADER DROPDOWN */ /* LIBRARY TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"], [class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] { [class*="MenuContent-menuContent-"] {
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
@ -512,7 +512,7 @@ a:hover {
[class*="EnhancedSelectInput-options-"] { [class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px; border-radius: 4px;
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],

8
CSS/themes/readarr/readarr-base.css

@ -109,7 +109,7 @@ a:hover {
/* MODAL */ /* MODAL */
[class*="ModalHeader-modalHeader-"] { [class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color); background: var(--modal-header-color);
color: var(--text-hover); color: var(--text-hover);
border-bottom: rgb(var(--accent-color)); border-bottom: rgb(var(--accent-color));
} }
@ -122,7 +122,7 @@ a:hover {
} }
[class*="ModalFooter-modalFooter-"] { [class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color); background: var(--modal-footer-color);
color: #fff; color: #fff;
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
@ -218,7 +218,7 @@ a:hover {
[class*="EnhancedSelectInput-options-"] { [class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px; border-radius: 4px;
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
@ -515,7 +515,7 @@ a:hover {
/* TOP HEADER DROPDOWN */ /* TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"], [class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] { [class*="MenuContent-menuContent-"] {
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }

8
CSS/themes/sonarr/sonarr-base.css

@ -111,7 +111,7 @@ a:hover {
/* MODAL */ /* MODAL */
[class*="ModalHeader-modalHeader-"] { [class*="ModalHeader-modalHeader-"] {
background: var(--modal-bg-color); background: var(--modal-header-color);
color: var(--text-hover); color: var(--text-hover);
border-bottom: rgb(var(--accent-color)); border-bottom: rgb(var(--accent-color));
} }
@ -122,7 +122,7 @@ a:hover {
} }
[class*="ModalFooter-modalFooter-"] { [class*="ModalFooter-modalFooter-"] {
background: var(--modal-bg-color); background: var(--modal-footer-color);
color: #fff; color: #fff;
border-top: 1px solid rgb(var(--accent-color)); border-top: 1px solid rgb(var(--accent-color));
} }
@ -490,7 +490,7 @@ a:hover {
/* SERIES TOP HEADER DROPDOWN */ /* SERIES TOP HEADER DROPDOWN */
[class*="MenuItem-menuItem-"], [class*="MenuItem-menuItem-"],
[class*="MenuContent-menuContent-"] { [class*="MenuContent-menuContent-"] {
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
@ -529,7 +529,7 @@ a:hover {
[class*="EnhancedSelectInput-options-"] { [class*="EnhancedSelectInput-options-"] {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px; border-radius: 4px;
background: var(--modal-bg-color); background: var(--drop-down-menu-bg);
color: var(--text); color: var(--text);
} }
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],

Loading…
Cancel
Save