topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

arr EnhancedSelectInput fixes

pull/186/head
Marius 4 years ago
parent
1ffc11e0fa
commit
e294fd3a82
6 changed files with 74 additions and 68 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

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

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

@ -210,20 +210,24 @@ a:hover {
}
/* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e;
color: #fff;
[class*="EnhancedSelectInput-options-"] {
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);
color: #fff;
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid #1e1e1e;
border-radius: 4px;
background-color: #1e1e1e;
[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
color: var(--text);
}
/* SIDE MENU */
@ -508,23 +512,6 @@ div[class*='EnhancedSelectInputOption']:hover {
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 */
[class*="Input-input-"],
[class*="AddNewArtist-searchIconContainer-"],

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

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

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

@ -486,20 +486,23 @@ a:hover {
}
/* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e;
color: #fff;
[class*="EnhancedSelectInput-options-"] {
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);
color: #fff;
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid #1e1e1e;
border-radius: 4px;
background-color: #1e1e1e;
[class*="HintedSelectInputOption-hintText-"] {
color: var(--text);
}
/* SEARCH BAR */

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

@ -210,20 +210,24 @@ a:hover {
}
/* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e;
color: #fff;
[class*="EnhancedSelectInput-options-"] {
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);
color: #fff;
}
[class*="EnhancedSelectInput-options-"] {
border: 1px solid transparent;
border-radius: 4px;
background-color: #1e1e1e;
[class*="HintedSelectInputOption-hintText-"],
[class*="RootFolderSelectInputOption-freeSpace-"] {
color: var(--text);
}
/* SIDE MENU */

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

@ -479,20 +479,23 @@ a:hover {
}
/* ADD NEW */
div[class*='EnhancedSelectInputOption'] {
background-color: #1e1e1e;
color: #fff;
[class*="EnhancedSelectInput\/options\/"] {
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);
color: var(--text-hover);
}
[class*="EnhancedSelectInput\/options\/"] {
border: 1px solid #1e1e1e;
border-radius: 4px;
background-color: #1e1e1e;
[class*="HintedSelectInputOption\/hintText\/"],
[class*="RootFolderSelectInputOption\/freeSpace\/"] {
color: var(--text);
}
/* SEARCH BAR */

Write Preview
Loading…
Cancel
Save