Browse Source

*arr 🧛 fixes

pull/224/head
gilbN 4 years ago
parent
commit
1f8e67c48f
  1. 41
      CSS/themes/lidarr/lidarr-base.css
  2. 41
      CSS/themes/prowlarr/prowlarr-base.css
  3. 33
      CSS/themes/radarr/radarr-base.css
  4. 111
      CSS/themes/readarr/readarr-base.css
  5. 43
      CSS/themes/sonarr/sonarr-base.css

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

@ -161,6 +161,11 @@ a:hover {
[class*="CheckInput-primaryIsChecked-"] { [class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important; border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important; background-color: var(--accent-color) !important;
color: var(--label-text-color) !important;
}
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
} }
/* HEADER */ /* HEADER */
@ -220,6 +225,7 @@ a:hover {
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover { [class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important; background-color: rgba(255, 255, 255, 0.20) !important;
color: var(--text-hover);
} }
[class*="EnhancedSelectInputOption-option-"]:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
@ -269,7 +275,7 @@ a:hover {
/* LIBRARY PAGE */ /* LIBRARY PAGE */
/* LIDARR SPECIFIC */ /* LIDARR SPECIFIC */
[class*="ArtistIndexPoster-controls-"] { [class*="ArtistIndexPoster-controls-"] {
background-color: #000 !important; background-color: var(--accent-color) !important;
} }
/* OVERVIEW PAGE */ /* OVERVIEW PAGE */
@ -319,9 +325,9 @@ a:hover {
border-top: 1px solid rgba(255, 255, 255, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.5);
} }
.fa-search:hover { /* .fa-search:hover {
color: var(--text-hover) !important; color: var(--text-hover) !important;
} } */
[class*="Label-default-"] { [class*="Label-default-"] {
border-color: var(--accent-color); border-color: var(--accent-color);
@ -409,11 +415,21 @@ a:hover {
color: var(--text); color: var(--text);
} }
[class*="Label-default-"] [class*="IconButton-button-"],
[class*="Label-default-"] [class*="IconButton-button-"]:hover {
color: var(--label-text-color);
}
[class*="IconButton-button-"]:hover { [class*="IconButton-button-"]:hover {
background-color: transparent; background-color: transparent;
color: var(--text-hover); color: var(--text-hover);
} }
[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
background-color: transparent;
color: var(--text-hover);
}
[class*="Label-info-"] { [class*="Label-info-"] {
border-color: var(--accent-color); border-color: var(--accent-color);
@ -430,12 +446,12 @@ a:hover {
/* Table options*/ /* Table options*/
[class*="TableOptionsColumn-column-"] { [class*="TableOptionsColumn-column-"] {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
border: none; border: none;
} }
[class*="TableHeaderCell-headerCell-"] { [class*="TableHeaderCell-headerCell-"] {
color: #fff; color: var(--text-hover);
} }
[class*="Table-table-"] { [class*="Table-table-"] {
@ -487,7 +503,7 @@ a:hover {
[class*="ArtistIndexPoster-title-"], [class*="ArtistIndexPoster-title-"],
[class*="ArtistIndexPosterInfo-info-"] { [class*="ArtistIndexPosterInfo-info-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text); color: var(--text-hover);
} }
@ -525,7 +541,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--label-text-color); color: #FFF;
} }
[class*="ArtistSearchInput-container-"] [class*="Input-input-"] { [class*="ArtistSearchInput-container-"] [class*="Input-input-"] {
@ -585,6 +601,11 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="RootFolderSelectInputOption-freeSpace-"],
[class*="RootFolderSelectInputOption-seriesFolder-"] {
color: var(--text-muted);
}
/* IMPORT ARTIST */ /* IMPORT ARTIST */
[class*="ImportArtistSelectArtist-content-"], [class*="ImportArtistSelectArtist-content-"],
[class*="ImportArtistSelectArtist-searchIconContainer-"] { [class*="ImportArtistSelectArtist-searchIconContainer-"] {
@ -808,7 +829,6 @@ a:hover {
[class*="ReleaseProfiles-center-"] { [class*="ReleaseProfiles-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItem-qualityProfileItem-"],
@ -843,7 +863,6 @@ a:hover {
[class*="Indexers-center-"] { [class*="Indexers-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="Card-card-"], [class*="Card-card-"],
@ -859,7 +878,6 @@ a:hover {
[class*="RootFolders-center-"] { [class*="RootFolders-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="Indexers-center-"], [class*="Indexers-center-"],
@ -876,21 +894,18 @@ a:hover {
[class*="DownloadClients-center-"] { [class*="DownloadClients-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Notifications-center-"] { [class*="Notifications-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LISTS */ /* LISTS */
[class*="ImportLists-center-"] { [class*="ImportLists-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LOG */ /* LOG */

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

@ -159,6 +159,11 @@ a:hover {
[class*="CheckInput-primaryIsChecked-"] { [class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important; border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important; background-color: var(--accent-color) !important;
color: var(--label-text-color) !important;
}
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
} }
/* HEADER */ /* HEADER */
@ -232,7 +237,7 @@ a:hover {
/* MOVIES PAGE */ /* MOVIES PAGE */
/* RADARR SPECIFIC */ /* RADARR SPECIFIC */
[class*="MovieIndexPoster-controls-"] { [class*="MovieIndexPoster-controls-"] {
background-color: #000 !important; background-color: var(--accent-color) !important;
} }
/* OVERVIEW PAGE */ /* OVERVIEW PAGE */
@ -357,6 +362,11 @@ a:hover {
} }
[class*="IconButton-button-"]:hover { [class*="IconButton-button-"]:hover {
background-color: transparent;
color: var(--label-text-color);
}
[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
background-color: transparent; background-color: transparent;
color: var(--text-hover); color: var(--text-hover);
} }
@ -384,18 +394,18 @@ a:hover {
} }
[class*="MovieDetails-tabList-"] { [class*="MovieDetails-tabList-"] {
color: #fff; color: var(--text-hover);
} }
/* Table options*/ /* Table options*/
[class*="TableOptionsColumn-column-"] { [class*="TableOptionsColumn-column-"] {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
border: none; border: none;
} }
[class*="TableHeaderCell-headerCell-"] { [class*="TableHeaderCell-headerCell-"] {
color: #fff; color: var(--text-hover);
} }
[class*="Table-table-"] { [class*="Table-table-"] {
@ -450,7 +460,7 @@ a:hover {
[class*="MovieIndexPosterInfo-info-"], [class*="MovieIndexPosterInfo-info-"],
[class*="MovieCreditPoster-title-"] { [class*="MovieCreditPoster-title-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text); color: var(--text-hover);
} }
/* LIBRARY TOP HEADER DROPDOWN */ /* LIBRARY TOP HEADER DROPDOWN */
@ -502,6 +512,7 @@ a:hover {
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover { [class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important; background-color: rgba(255, 255, 255, 0.20) !important;
color: var(--text-hover);
} }
[class*="EnhancedSelectInputOption-option-"]:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
@ -518,7 +529,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--label-text-color); color: #fff;
} }
[class*="IndexerSearchInput-container-"] [class*="Input-input-"] { [class*="IndexerSearchInput-container-"] [class*="Input-input-"] {
@ -579,6 +590,11 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="RootFolderSelectInputOption-freeSpace-"],
[class*="RootFolderSelectInputOption-movieFolder-"] {
color: var(--text-muted);
}
/* MOVE THIS */ /* MOVE THIS */
::placeholder { ::placeholder {
color: var(--text); color: var(--text);
@ -823,18 +839,23 @@ a:hover {
color: var(--text); color: var(--text);
} }
[class*="Card-card-"]:hover { [class*="Card-card-"]:hover,
[class*="Applications-center-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }
[class*="QualityProfiles-center-"], [class*="QualityProfiles-center-"],
[class*="LanguageProfiles-center-"], [class*="LanguageProfiles-center-"],
[class*="ReleaseProfiles-center-"], [class*="ReleaseProfiles-center-"] {
background-color: transparent;
border: none;
color: var(--text);
}
[class*="Applications-center-"], [class*="Applications-center-"],
[class*="AppProfiles-center-"] { [class*="AppProfiles-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItem-qualityProfileItem-"],
@ -876,14 +897,12 @@ a:hover {
[class*="DownloadClients-center-"] { [class*="DownloadClients-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Notifications-center-"] { [class*="Notifications-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LISTS */ /* LISTS */

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

@ -159,6 +159,11 @@ a:hover {
[class*="CheckInput-primaryIsChecked-"] { [class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important; border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important; background-color: var(--accent-color) !important;
color: var(--label-text-color) !important;
}
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
} }
/* HEADER */ /* HEADER */
@ -231,7 +236,7 @@ a:hover {
/* MOVIES PAGE */ /* MOVIES PAGE */
/* RADARR SPECIFIC */ /* RADARR SPECIFIC */
[class*="MovieIndexPoster-controls-"] { [class*="MovieIndexPoster-controls-"] {
background-color: #000 !important; background-color: var(--accent-color) !important;
} }
[class*="MovieTitlesTableContent-blankpad-"], [class*="MovieTitlesTableContent-blankpad-"],
[class*="ExtraFileTableContent-blankpad-"], [class*="ExtraFileTableContent-blankpad-"],
@ -365,6 +370,11 @@ a:hover {
color: var(--text-hover); color: var(--text-hover);
} }
[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
background-color: transparent;
color: var(--text-hover);
}
[class*="Label-default-"] { [class*="Label-default-"] {
border-color: var(--accent-color); border-color: var(--accent-color);
background-color: var(--accent-color); background-color: var(--accent-color);
@ -388,18 +398,18 @@ a:hover {
} }
[class*="MovieDetails-tabList-"] { [class*="MovieDetails-tabList-"] {
color: #fff; color: var(--text-hover);
} }
/* Table options*/ /* Table options*/
[class*="TableOptionsColumn-column-"] { [class*="TableOptionsColumn-column-"] {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
border: none; border: none;
} }
[class*="TableHeaderCell-headerCell-"] { [class*="TableHeaderCell-headerCell-"] {
color: #fff; color: var(--text-hover);
} }
[class*="Table-table-"] { [class*="Table-table-"] {
@ -454,7 +464,7 @@ a:hover {
[class*="MovieIndexPosterInfo-info-"], [class*="MovieIndexPosterInfo-info-"],
[class*="MovieCreditPoster-title-"] { [class*="MovieCreditPoster-title-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text); color: var(--text-hover);
} }
/* LIBRARY TOP HEADER DROPDOWN */ /* LIBRARY TOP HEADER DROPDOWN */
@ -506,6 +516,7 @@ a:hover {
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover { [class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important; background-color: rgba(255, 255, 255, 0.20) !important;
color: var(--text-hover);
} }
[class*="EnhancedSelectInputOption-option-"]:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
@ -522,7 +533,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--label-text-color); color: #fff;
} }
[class*="MovieSearchInput-container-"] [class*="Input-input-"] { [class*="MovieSearchInput-container-"] [class*="Input-input-"] {
@ -585,6 +596,11 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="RootFolderSelectInputOption-freeSpace-"],
[class*="RootFolderSelectInputOption-movieFolder-"] {
color: var(--text-muted);
}
/* MOVE THIS */ /* MOVE THIS */
::placeholder { ::placeholder {
color: var(--text); color: var(--text);
@ -841,7 +857,6 @@ a:hover {
[class*="ReleaseProfiles-center-"] { [class*="ReleaseProfiles-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItem-qualityProfileItem-"],
@ -876,28 +891,24 @@ a:hover {
[class*="Indexers-center-"] { [class*="Indexers-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* DOWNLOAD CLIENTS */ /* DOWNLOAD CLIENTS */
[class*="DownloadClients-center-"] { [class*="DownloadClients-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Notifications-center-"] { [class*="Notifications-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LISTS */ /* LISTS */
[class*="ImportLists-center-"] { [class*="ImportLists-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LOG */ /* LOG */

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

@ -161,6 +161,11 @@ a:hover {
[class*="CheckInput-primaryIsChecked-"] { [class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important; border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important; background-color: var(--accent-color) !important;
color: var(--label-text-color) !important;
}
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
} }
/* HEADER */ /* HEADER */
@ -176,35 +181,35 @@ a:hover {
} }
/* LIDARR SPECIFIC */ /* LIDARR SPECIFIC */
[class*="ArtistSearchInput-sectionTitle-"] { [class*="AuthorSearchInput-sectionTitle-"] {
color: #fff; color: #fff;
} }
[class*="ArtistSearchInput-containerOpen-"] [class*="ArtistSearchInput-artistContainer-"] { [class*="AuthorSearchInput-containerOpen-"] [class*="AuthorSearchInput-authorContainer-"] {
border: none !important; border: none !important;
background: var(--modal-bg-color); background: var(--modal-bg-color);
color: #fff !important; color: #fff !important;
box-shadow: 0 0 10px 1px transparent !important; box-shadow: 0 0 10px 1px transparent !important;
} }
[class*="ArtistSearchInput-highlighted-"] { [class*="AuthorSearchInput-highlighted-"] {
background-color: hsla(0, 0%, 100%, .08) background-color: hsla(0, 0%, 100%, .08)
} }
[class*"=ArtistSearchInput-artistContainer-"]::-webkit-scrollbar-thumb, [class*"=AuthorSearchInput-authorContainer-"]::-webkit-scrollbar-thumb,
[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb { [class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
} }
/* MINI RIGHT SCROLL BAR */ /* MINI RIGHT SCROLL BAR */
[class*="OverlayScroller-thumb-"], [class*="OverlayScroller-thumb-"],
[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb, [class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb,
[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb { [class*="Scroller-scroller-"]::-webkit-scrollbar-thumb {
background-color: hsla(0, 0%, 100%, .08) !important; background-color: hsla(0, 0%, 100%, .08) !important;
} }
[class*="OverlayScroller-thumb-"]:hover, [class*="OverlayScroller-thumb-"]:hover,
[class*="ImportArtistSelectArtist-results-"]::-webkit-scrollbar-thumb:hover, [class*="ImportAuthorSelectAuthor-results-"]::-webkit-scrollbar-thumb:hover,
[class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover { [class*="Scroller-scroller-"]::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, 0.25) !important; background-color: rgba(255, 255, 255, 0.25) !important;
} }
@ -220,6 +225,7 @@ a:hover {
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover { [class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important; background-color: rgba(255, 255, 255, 0.20) !important;
color: var(--text-hover);
} }
[class*="EnhancedSelectInputOption-option-"]:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
@ -268,27 +274,27 @@ a:hover {
/* LIBRARY PAGE */ /* LIBRARY PAGE */
/* LIDARR SPECIFIC */ /* LIDARR SPECIFIC */
[class*="ArtistIndexPoster-controls-"] { [class*="AuthorIndexPoster-controls-"] {
background-color: #000 !important; background-color: var(--accent-color) !important;
} }
/* OVERVIEW PAGE */ /* OVERVIEW PAGE */
/* OVERVIEW PAGE */ /* OVERVIEW PAGE */
[class*="ArtistIndexOverview-container-"], [class*="AuthorIndexOverview-container-"],
[class*="ArtistIndexOverview-container-"]:hover { [class*="AuthorIndexOverview-container-"]:hover {
background-color: transparent !important; background-color: transparent !important;
} }
[class*="ArtistIndexOverview-container-"]:hover [class*="ArtistIndexOverview-content-"] { [class*="AuthorIndexOverview-container-"]:hover [class*="AuthorIndexOverview-content-"] {
background-color: transparent; background-color: transparent;
} }
[class*="ArtistIndexOverview-content-"]:hover { [class*="AuthorIndexOverview-content-"]:hover {
background-color: hsla(0, 0%, 100%, .08) !important; background-color: hsla(0, 0%, 100%, .08) !important;
} }
[class*="ArtistIndexOverview-link-"]:hover { [class*="AuthorIndexOverview-link-"]:hover {
text-decoration: none; text-decoration: none;
} }
@ -302,16 +308,16 @@ a:hover {
/*ARTIST PAGE*/ /*ARTIST PAGE*/
[class*="ArtistDetailsSeason-albumType-"], [class*="AuthorDetailsSeason-albumType-"],
[class*="ArtistDetailsSeason-collapseButtonContainer-"] { [class*="AuthorDetailsSeason-collapseButtonContainer-"] {
border: none !important; border: none !important;
background-color: rgba(0, 0, 0, .25) !important; background-color: rgba(0, 0, 0, .25) !important;
} }
[class*="ArtistDetailsSeason-header-"], [class*="AuthorDetailsSeason-header-"],
[class*="ArtistDetailsSeason-albumCount-"], [class*="AuthorDetailsSeason-albumCount-"],
[class*="ArtistDetails-metadataMessage-"], [class*="AuthorDetails-metadataMessage-"],
[class*="ArtistDetailsSeason-albumCount-"] { [class*="AuthorDetailsSeason-albumCount-"] {
color: #fff; color: #fff;
} }
@ -367,12 +373,12 @@ a:hover {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
} }
[class*="ArtistIndexProgressBar-progress-"] { [class*="AuthorIndexProgressBar-progress-"] {
background-color: hsla(0, 0%, 100%, .08); background-color: hsla(0, 0%, 100%, .08);
} }
[class*="ArtistIndexBanner-title-"], [class*="AuthorIndexBanner-title-"],
[class*="ArtistIndexBannerInfo-info-"] { [class*="AuthorIndexBannerInfo-info-"] {
background-color: rgba(0, 0, 0, .25); background-color: rgba(0, 0, 0, .25);
color: #fff; color: #fff;
} }
@ -405,7 +411,16 @@ a:hover {
color: var(--text); color: var(--text);
} }
[class*="Label-default-"] [class*="IconButton-button-"] {
color: var(--label-text-color);
}
[class*="IconButton-button-"]:hover { [class*="IconButton-button-"]:hover {
background-color: transparent;
color: var(--label-text-color);
}
[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
background-color: transparent; background-color: transparent;
color: var(--text-hover); color: var(--text-hover);
} }
@ -425,12 +440,12 @@ a:hover {
/* Table options*/ /* Table options*/
[class*="TableOptionsColumn-column-"] { [class*="TableOptionsColumn-column-"] {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
border: none; border: none;
} }
[class*="TableHeaderCell-headerCell-"] { [class*="TableHeaderCell-headerCell-"] {
color: #fff; color: var(--text-hover);
} }
[class*="Table-table-"] { [class*="Table-table-"] {
@ -479,10 +494,10 @@ a:hover {
} }
/* POSTERS */ /* POSTERS */
[class*="ArtistIndexPoster-title-"], [class*="AuthorIndexPoster-title-"],
[class*="ArtistIndexPosterInfo-info-"] { [class*="AuthorIndexPosterInfo-info-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text); color: var(--text-hover);
} }
@ -519,7 +534,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--label-text-color); color: #fff;
} }
[class*="AuthorSearchInput-input-"][class*="Input-input-"] { [class*="AuthorSearchInput-input-"][class*="Input-input-"] {
@ -532,7 +547,7 @@ a:hover {
background: transparent; background: transparent;
} }
[class*="ArtistSearchResult-alternateTitle-"] { [class*="AuthorSearchResult-alternateTitle-"] {
color: #ffffff; color: #ffffff;
font-size: 12px; font-size: 12px;
} }
@ -557,18 +572,18 @@ a:hover {
} }
/* SEARCH RESULTS */ /* SEARCH RESULTS */
[class*="AddNewArtistSearchResult-year-"] { [class*="AddNewAuthorSearchResult-year-"] {
color: #fff; color: #fff;
} }
[class*="AddNewArtistSearchResult-searchResult-"], [class*="AddNewAuthorSearchResult-searchResult-"],
[class*="AddNewArtistSearchResult-underlay-"], [class*="AddNewAuthorSearchResult-underlay-"],
[class*="AddNewAlbumSearchResult-underlay-"] { [class*="AddNewAlbumSearchResult-underlay-"] {
background-color: transparent; background-color: transparent;
} }
[class*="AddNewArtistSearchResult-searchResult-"]:hover, [class*="AddNewAuthorSearchResult-searchResult-"]:hover,
[class*="AddNewArtistSearchResult-underlay-"]:hover, [class*="AddNewAuthorSearchResult-underlay-"]:hover,
[class*="AddNewAlbumSearchResult-underlay-"]:hover { [class*="AddNewAlbumSearchResult-underlay-"]:hover {
background-color: hsla(0, 0%, 100%, .08); background-color: hsla(0, 0%, 100%, .08);
color: inherit; color: inherit;
@ -579,19 +594,23 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="RootFolderSelectInputOption-freeSpace-"] {
color: var(--text-muted);
}
/* IMPORT ARTIST */ /* IMPORT ARTIST */
[class*="ImportArtistSelectArtist-content-"], [class*="ImportAuthorSelectAuthor-content-"],
[class*="ImportArtistSelectArtist-searchIconContainer-"] { [class*="ImportAuthorSelectAuthor-searchIconContainer-"] {
background: var(--modal-bg-color); background: var(--modal-bg-color);
color: #FFF; color: #FFF;
border: 1px solid transparent; border: 1px solid transparent;
} }
[class*="ImportArtistName-disambiguation-"] { [class*="ImportAuthorName-disambiguation-"] {
color: var(--text-muted); color: var(--text-muted);
} }
[class*="ImportArtistSearchResult-artist-"]:hover { [class*="ImportAuthorSearchResult-author-"]:hover {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
} }
@ -610,7 +629,7 @@ a:hover {
/* IMPORT */ /* IMPORT */
/* Text color */ /* Text color */
[class*="ImportArtistSelectFolder-header-"] { [class*="ImportAuthorSelectFolder-header-"] {
color: #FFF; color: #FFF;
} }
@ -621,7 +640,7 @@ a:hover {
/* IMPORT NEW ARTIST */ /* IMPORT NEW ARTIST */
/* Drop down menu/button*/ /* Drop down menu/button*/
[class*="ImportArtistSelectArtist-button-"] { [class*="ImportAuthorSelectAuthor-button-"] {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.25) !important; background-color: rgba(0, 0, 0, 0.25) !important;
color: #fff; color: #fff;
@ -802,7 +821,6 @@ a:hover {
[class*="ReleaseProfiles-center-"] { [class*="ReleaseProfiles-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItem-qualityProfileItem-"],
@ -837,7 +855,6 @@ a:hover {
[class*="Indexers-center-"] { [class*="Indexers-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="Card-card-"], [class*="Card-card-"],
@ -853,7 +870,6 @@ a:hover {
[class*="RootFolders-center-"] { [class*="RootFolders-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="RootFolders-center-"] { [class*="RootFolders-center-"] {
@ -874,21 +890,18 @@ a:hover {
[class*="DownloadClients-center-"] { [class*="DownloadClients-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Notifications-center-"] { [class*="Notifications-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LISTS */ /* LISTS */
[class*="ImportLists-center-"] { [class*="ImportLists-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LOG */ /* LOG */
@ -1013,6 +1026,7 @@ input[type=password] {
[class*="AuthorDetails-tabList-"] { [class*="AuthorDetails-tabList-"] {
border-bottom: 1px solid rgb(255 255 255 / 50%); border-bottom: 1px solid rgb(255 255 255 / 50%);
color: var(--text-hover);
} }
[class*="BookDetails-selectedTab-"] { [class*="BookDetails-selectedTab-"] {
@ -1050,9 +1064,6 @@ input[type=password] {
} }
/*Search Tab*/ /*Search Tab*/
[class*="MenuButton-menuButton-"] {
color: #FFF;
}
[class*="AuthorDetails-selectedTab-"] { [class*="AuthorDetails-selectedTab-"] {
border-bottom: 4px solid var(--accent-color); border-bottom: 4px solid var(--accent-color);

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

@ -169,6 +169,11 @@ a:hover {
[class*="CheckInput-primaryIsChecked-"] { [class*="CheckInput-primaryIsChecked-"] {
border-color: var(--accent-color) !important; border-color: var(--accent-color) !important;
background-color: var(--accent-color) !important; background-color: var(--accent-color) !important;
color: var(--label-text-color) !important;
}
[class*="CheckInput-input-"][class*="CheckInput-isNotChecked-"] {
background: #fff;
} }
/* HEADER */ /* HEADER */
@ -249,7 +254,7 @@ a:hover {
/* SERIES PAGE */ /* SERIES PAGE */
/* SONARR SPECIFIC */ /* SONARR SPECIFIC */
[class*="SeriesIndexPoster-controls-"] { [class*="SeriesIndexPoster-controls-"] {
background-color: #000 !important; background-color: var(--accent-color) !important;
} }
/* OVERVIEW PAGE */ /* OVERVIEW PAGE */
@ -295,6 +300,10 @@ a:hover {
[class*="SeriesDetailsSeason-collapseButtonIcon-"] { [class*="SeriesDetailsSeason-collapseButtonIcon-"] {
color: var(--text) !important; color: var(--text) !important;
} }
[class*="SeriesDetailsSeason-actionButton-"]:hover,
[class*="SeriesDetailsSeason-collapseButtonIcon-"]:hover {
color: var(--text-hover) !important;
}
[class*="SeriesDetailsSeason-sizeOnDisk-"] { [class*="SeriesDetailsSeason-sizeOnDisk-"] {
color: var(--text-muted); color: var(--text-muted);
@ -373,7 +382,16 @@ a:hover {
[class*="IconButton-button-"]:hover { [class*="IconButton-button-"]:hover {
background-color: transparent; background-color: transparent;
color: var(--text-hover) !important; color: var(--label-text-color);
}
.SeriesDetailsSeason-left-29MvW [class*="IconButton-button-"]:hover {
color: var(--text-hover);
}
[class*="Table-tableContainer-"] [class*="IconButton-button-"]:hover {
background-color: transparent;
color: var(--text-hover);
} }
[class*="Label-default-"] { [class*="Label-default-"] {
@ -403,12 +421,12 @@ a:hover {
/* Table options*/ /* Table options*/
[class*="TableOptionsColumn-column-"] { [class*="TableOptionsColumn-column-"] {
background: rgba(0, 0, 0, .25); background: rgba(0, 0, 0, .25);
color: #FFF; color: var(--text-hover);
border: none; border: none;
} }
[class*="TableHeaderCell-headerCell-"] { [class*="TableHeaderCell-headerCell-"] {
color: #fff; color: var(--text-hover);
} }
[class*="Table-table-"] { [class*="Table-table-"] {
@ -457,7 +475,7 @@ a:hover {
[class*="SeriesIndexPoster-nextAiring-"], [class*="SeriesIndexPoster-nextAiring-"],
[class*="SeriesIndexPosterInfo-info-"] { [class*="SeriesIndexPosterInfo-info-"] {
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--text); color: var(--text-hover);
} }
/* SERIES TOP HEADER DROPDOWN */ /* SERIES TOP HEADER DROPDOWN */
@ -508,6 +526,7 @@ a:hover {
[class*="EnhancedSelectInputOption-isSelected-"], [class*="EnhancedSelectInputOption-isSelected-"],
[class*="EnhancedSelectInputOption-isSelected-"]:hover { [class*="EnhancedSelectInputOption-isSelected-"]:hover {
background-color: rgba(255, 255, 255, 0.20) !important; background-color: rgba(255, 255, 255, 0.20) !important;
color: var(--text-hover);
} }
[class*="EnhancedSelectInputOption-option-"]:hover { [class*="EnhancedSelectInputOption-option-"]:hover {
@ -525,7 +544,7 @@ a:hover {
[class*="CheckInput-isIndeterminate-"] { [class*="CheckInput-isIndeterminate-"] {
border: none; border: none;
background-color: rgba(255, 255, 255, 0.08); background-color: rgba(255, 255, 255, 0.08);
color: var(--label-text-color); color: #fff;
} }
[class*="SeriesSearchInput-container-"] [class*="Input-input-"] { [class*="SeriesSearchInput-container-"] [class*="Input-input-"] {
@ -592,6 +611,11 @@ a:hover {
color: #fff; color: #fff;
} }
[class*="RootFolderSelectInputOption-freeSpace-"],
[class*="RootFolderSelectInputOption-seriesFolder-"] {
color: var(--text-muted);
}
/* IMPORT */ /* IMPORT */
[class*="FieldSet-legend-"] { [class*="FieldSet-legend-"] {
@ -820,7 +844,7 @@ a:hover {
color: var(--text); color: var(--text);
} }
[class*="Card-card-"] { [class*="Card-card-"]:hover {
color: var(--text-hover); color: var(--text-hover);
} }
@ -829,7 +853,6 @@ a:hover {
[class*="ReleaseProfiles-center-"] { [class*="ReleaseProfiles-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
[class*="QualityProfileItem-qualityProfileItem-"], [class*="QualityProfileItem-qualityProfileItem-"],
@ -859,7 +882,6 @@ a:hover {
[class*="Indexers-center-"] { [class*="Indexers-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* INDEXERS */ /* INDEXERS */
@ -868,21 +890,18 @@ a:hover {
[class*="DownloadClients-center-"] { [class*="DownloadClients-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/*INPORT LISTS */ /*INPORT LISTS */
[class*="ImportLists-center-"] { [class*="ImportLists-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* CONNECTIONS */ /* CONNECTIONS */
[class*="Notifications-center-"] { [class*="Notifications-center-"] {
background-color: transparent; background-color: transparent;
border: none; border: none;
color: var(--text);
} }
/* LOG */ /* LOG */

Loading…
Cancel
Save