Fixup Theme CSS

frontend/src/Album/Details/AlbumDetailsMedium.css

@@ -2,7 +2,7 @@
   margin-bottom: 20px;
   border: 1px solid var(--borderColor);
   border-radius: 4px;
-  background-color: var(--white);
+  background-color: var(--modalBackgroundColor);
 
   &:last-of-type {
     margin-bottom: 0;
@@ -81,7 +81,7 @@
   border-top: 1px solid var(--borderColor);
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
-  background-color: #fafafa;
+  background-color: var(--cardBackgroundColor);
   text-align: center;
 }
 

frontend/src/AlbumStudio/AlbumStudioAlbum.css

@@ -5,7 +5,7 @@
   margin: 2px 4px;
   border: 1px solid var(--borderColor);
   border-radius: 4px;
-  background-color: var(--seasonBackgroundColor);
+  background-color: var(--albumBackgroundColor);
   cursor: default;
 }
 
@@ -24,7 +24,7 @@
 
 .tracks {
   padding: 0 4px;
-  background-color: var(--episodesBackgroundColor);
+  background-color: var(--trackBackgroundColor);
   color: var(--defaultColor);
 }
 

frontend/src/Artist/Index/Banners/ArtistIndexBannerInfo.css

@@ -1,5 +1,5 @@
 .info {
-  background-color: var(--seriesBackgroundColor);
+  background-color: var(--artistBackgroundColor);
   text-align: center;
   font-size: $smallFontSize;
 }

frontend/src/Artist/Index/Posters/ArtistIndexPoster.css

@@ -44,7 +44,7 @@ $hoverScale: 1.05;
 }
 
 .nextAiring {
-  background-color: var(--seriesBackgroundColor);
+  background-color: var(--artistBackgroundColor);
   text-align: center;
   font-size: $smallFontSize;
 }
@@ -52,7 +52,7 @@ $hoverScale: 1.05;
 .title {
   @add-mixin truncate;
 
-  background-color: var(--seriesBackgroundColor);
+  background-color: var(--artistBackgroundColor);
   text-align: center;
   font-size: $smallFontSize;
 }

frontend/src/Artist/Index/Posters/ArtistIndexPosterInfo.css

@@ -1,5 +1,5 @@
 .info {
-  background-color: #fafbfc;
+  background-color: var(--artistBackgroundColor);
   text-align: center;
   font-size: $smallFontSize;
 }

frontend/src/Search/Album/AddNewAlbumSearchResult.css

@@ -9,7 +9,7 @@
 .underlay {
   @add-mixin cover;
 
-  background-color: var(--addSeriesBackgroundColor);
+  background-color: var(--addArtistBackgroundColor);
   transition: background 500ms;
 
   &:hover {

frontend/src/Search/Artist/AddNewArtistSearchResult.css

@@ -9,13 +9,15 @@
 .underlay {
   @add-mixin cover;
 
-  background-color: var(--white);
+  background-color: var(--addArtistBackgroundColor);
   transition: background 500ms;
 
   &:hover {
-    background-color: #eaf2ff;
+    background-color: var(--pageBackground);
+    box-shadow: 0 0 12px var(--black);
     color: inherit;
     text-decoration: none;
+    transition: all 200ms ease-in;
   }
 }
 

frontend/src/Styles/Themes/dark.js

@@ -218,18 +218,18 @@ module.exports = {
   tableRowHoverBackgroundColor: 'rgba(255, 255, 255, 0.08)',
 
   //
-  // Series
+  // Srtist
 
-  addSeriesBackgroundColor: '#2a2a2a',
-  seriesBackgroundColor: '#2a2a2a',
+  addArtistBackgroundColor: '#2a2a2a',
+  artistBackgroundColor: '#2a2a2a',
   searchIconContainerBackgroundColor: '#2b2b2b',
   collapseButtonBackgroundColor: '#2a2a2a',
 
   //
-  // Season
+  // Album
 
-  seasonBackgroundColor: '#424242',
-  episodesBackgroundColor: '#2a2a2a',
+  albumBackgroundColor: '#424242',
+  trackBackgroundColor: '#2a2a2a',
 
   //
   // misc

frontend/src/Styles/Themes/light.js

@@ -212,18 +212,18 @@ module.exports = {
   tableRowHoverBackgroundColor: '#fafbfc',
 
   //
-  // Series
+  // Atist
 
-  addSeriesBackgroundColor: '#ededed',
-  seriesBackgroundColor: '#ededed',
+  addArtistBackgroundColor: '#ededed',
+  artistBackgroundColor: '#ededed',
   searchIconContainerBackgroundColor: offWhite,
   collapseButtonBackgroundColor: offWhite,
 
   //
-  // Season
+  // Album
 
-  seasonBackgroundColor: white,
-  episodesBackgroundColor: offWhite,
+  albumBackgroundColor: white,
+  trackBackgroundColor: offWhite,
 
   //
   // misc

frontend/src/TrackFile/ExpandingFileDetails.css

@@ -2,7 +2,7 @@
   margin-bottom: 20px;
   border: 1px solid var(--borderColor);
   border-radius: 4px;
-  background-color: var(--white);
+  background-color: var(--cardBackgroundColor);
 
   &:last-of-type {
     margin-bottom: 0;