github/lidarr
1
0
Fork 0
mirror of https://github.com/lidarr/lidarr.git synced 2025-07-12 08:07:10 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fixup Theme CSS

Browse source
This commit is contained in:
Zak Saunders 2022-12-05 07:58:24 +00:00 • committed by Qstick
parent 73a3e3f4e3
commit 92d885dd78
10 changed files with 26 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/Album/Details/AlbumDetailsMedium.css
View file

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

4
frontend/src/AlbumStudio/AlbumStudioAlbum.css
View file

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

2
frontend/src/Artist/Index/Banners/ArtistIndexBannerInfo.css
View file

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

4
frontend/src/Artist/Index/Posters/ArtistIndexPoster.css
View file

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

2
frontend/src/Artist/Index/Posters/ArtistIndexPosterInfo.css
View file

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

2
frontend/src/Search/Album/AddNewAlbumSearchResult.css
View file

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

6
frontend/src/Search/Artist/AddNewArtistSearchResult.css
View file

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

12
frontend/src/Styles/Themes/dark.js
View file

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

12
frontend/src/Styles/Themes/light.js
View file

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

2
frontend/src/TrackFile/ExpandingFileDetails.css
View file

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