Browse Source

arr EnhancedSelectInput fixes

pull/186/head
Marius 4 years ago
parent
commit
e294fd3a82
  1. 6
      CSS/themes/bazarr/bazarr-base.css
  2. 39
      CSS/themes/lidarr/lidarr-base.css
  3. 33
      CSS/themes/prowlarr/prowlarr-base.css
  4. 21
      CSS/themes/radarr/radarr-base.css
  5. 22
      CSS/themes/readarr/readarr-base.css
  6. 21
      CSS/themes/sonarr/sonarr-base.css

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

@ -572,15 +572,15 @@ a:hover {
} }
.custom-selector .selector__control { .custom-selector .selector__control {
background-color: #00000040; background-color: rgba(0, 0, 0, 0.25);
border-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0) !important;
color: #fff; color: #fff;
} }
[class$="-singleValue"], [class$="-singleValue"],
[class$="-placeholder"], [class$="-placeholder"],
[class$="-indicatorContainer"] { [class$="-indicatorContainer"] {
color: var(--text); color: var(--text) !important;
} }
[class$="-indicatorContainer"]:hover { [class$="-indicatorContainer"]:hover {

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

@ -210,20 +210,24 @@ a:hover {
} }
/* ADD NEW */ /* ADD NEW */
div[class*='EnhancedSelectInputOption'] { [class*="EnhancedSelectInput-options-"] {
background-color: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff; border-radius: 4px;
background: var(--modal-bg-color);
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
} }
div[class*='EnhancedSelectInputOption']:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff;
} }
[class*="EnhancedSelectInput-options-"] { [class*="HintedSelectInputOption-hintText-"],
border: 1px solid #1e1e1e; [class*="RootFolderSelectInputOption-freeSpace-"] {
border-radius: 4px; color: var(--text);
background-color: #1e1e1e;
} }
/* SIDE MENU */ /* SIDE MENU */
@ -508,23 +512,6 @@ div[class*='EnhancedSelectInputOption']:hover {
color: #FFF; color: #FFF;
} }
/* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e;
color: #fff;
}
div[class*='EnhancedSelectInputOption']:hover {
background-color: rgba(255, 255, 255, 0.08);
color: #fff;
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid #1e1e1e;
border-radius: 4px;
background-color: #1e1e1e;
}
/* SEARCH BAR */ /* SEARCH BAR */
[class*="Input-input-"], [class*="Input-input-"],
[class*="AddNewArtist-searchIconContainer-"], [class*="AddNewArtist-searchIconContainer-"],

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

@ -165,6 +165,7 @@ a:hover {
[class*="PageHeader-header-"] { [class*="PageHeader-header-"] {
background-color: rgba(0, 0, 0, .35); background-color: rgba(0, 0, 0, .35);
box-shadow: none;
} }
/* SEARCH DROPDOWN HEADER */ /* SEARCH DROPDOWN HEADER */
@ -486,20 +487,23 @@ a:hover {
} }
/* ADD NEW */ /* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e; [class*="EnhancedSelectInput-options-"] {
color: #fff; border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
background: var(--modal-bg-color);
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
} }
div[class*='EnhancedSelectInputOption']:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff;
} }
[class*="EnhancedSelectInput-options-"] { [class*="HintedSelectInputOption-hintText-"] {
border: 1px solid #1e1e1e; color: var(--text);
border-radius: 4px;
background-color: #1e1e1e;
} }
/* SEARCH BAR */ /* SEARCH BAR */
@ -933,6 +937,11 @@ div[class*='EnhancedSelectInputOption']:hover {
} }
/* ChartJS */ /* ChartJS */
canvas.chartjs-render-monitor { [class*="Stats-fullWidthChart-"],
background: rgb(255, 255, 255, 0.05); [class*="Stats-halfWidthChart-"]{
} background: rgba(0, 0, 0, .25) !important;
}
canvas {
filter: invert(1)
}

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

@ -486,20 +486,23 @@ a:hover {
} }
/* ADD NEW */ /* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e; [class*="EnhancedSelectInput-options-"] {
color: #fff; border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
background: var(--modal-bg-color);
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
} }
div[class*='EnhancedSelectInputOption']:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff;
} }
[class*="EnhancedSelectInput-options-"] { [class*="HintedSelectInputOption-hintText-"] {
border: 1px solid #1e1e1e; color: var(--text);
border-radius: 4px;
background-color: #1e1e1e;
} }
/* SEARCH BAR */ /* SEARCH BAR */

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

@ -210,20 +210,24 @@ a:hover {
} }
/* ADD NEW */ /* ADD NEW */
div[class*='EnhancedSelectInputOption'] { [class*="EnhancedSelectInput-options-"] {
background-color: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff; border-radius: 4px;
background: var(--modal-bg-color);
}
[class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
} }
div[class*='EnhancedSelectInputOption']:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: #fff;
} }
[class*="EnhancedSelectInput-options-"] { [class*="HintedSelectInputOption-hintText-"],
border: 1px solid transparent; [class*="RootFolderSelectInputOption-freeSpace-"] {
border-radius: 4px; color: var(--text);
background-color: #1e1e1e;
} }
/* SIDE MENU */ /* SIDE MENU */

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

@ -479,20 +479,23 @@ a:hover {
} }
/* ADD NEW */ /* ADD NEW */
div[class*='EnhancedSelectInputOption'] { [class*="EnhancedSelectInput\/options\/"] {
background-color: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff; border-radius: 4px;
background: var(--modal-bg-color);
}
[class*="EnhancedSelectInputOption\/isSelected\/"],
[class*="EnhancedSelectInputOption\/isSelected\/"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important;
} }
div[class*='EnhancedSelectInputOption']:hover { [class*="EnhancedSelectInputOption\/option\/"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text-hover);
} }
[class*="EnhancedSelectInput\/options\/"] { [class*="HintedSelectInputOption\/hintText\/"],
border: 1px solid #1e1e1e; [class*="RootFolderSelectInputOption\/freeSpace\/"] {
border-radius: 4px; color: var(--text);
background-color: #1e1e1e;
} }
/* SEARCH BAR */ /* SEARCH BAR */

Loading…
Cancel
Save