boris/ElegantFin
1
0
Fork 0
mirror of https://github.com/lscambo13/ElegantFin.git synced 2025-09-18 12:40:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

New: Subtle font color changes in the media page for better design hierarchy

Browse Source
This commit is contained in:
lscambo13
2024-12-22 20:09:37 +05:30
parent 86043467de
commit 00df125088
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Theme/ElegantFin-theme-nightly.css
View File

@@ -15,10 +15,12 @@
--btnSubmitColor: rgb(61, 54, 178); --btnSubmitColor: rgb(61, 54, 178);
--btnSubmitBorderColor: rgb(117 111 226); --btnSubmitBorderColor: rgb(117 111 226);
--checkboxCheckedBgColor: rgb(79, 70, 229); --checkboxCheckedBgColor: rgb(79, 70, 229);
--textColor: rgb(209, 213, 219);
--dimTextColor: rgb(156, 163, 175);
--activeColor: rgb(201 143 255 / 40%);
--backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint)); --backgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint) 35%, var(--lighterGradientPoint));
--cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint) 25%); --cardBackgroundGradient: linear-gradient(0deg, var(--darkerGradientPoint), var(--lighterGradientPoint) 25%);
--hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%); --hoverGradient: linear-gradient(130deg, rgb(255 255 255 / 20%) 20%, rgb(255 255 255 / 10%) 40%);
--activeColor: rgb(201 143 255 / 40%);
--largerRadius: 1.25em; --largerRadius: 1.25em;
--largeRadius: 1em; --largeRadius: 1em;
--smallRadius: .5em; --smallRadius: .5em;
@@ -340,6 +342,7 @@ h2 {
font-weight: 400; font-weight: 400;
margin-bottom: 0; margin-bottom: 0;
font-style: italic; font-style: italic;
color: var(--textColor);
} }
.nowPlayingPlaylist, .nowPlayingPlaylist,
@@ -522,6 +525,15 @@ html {
.detailsGroupItem>.content { .detailsGroupItem>.content {
text-align: end; text-align: end;
color: var(--dimTextColor);
}
.detailsGroupItem>.label {
color: var(--textColor);
}
.itemExternalLinks {
color: var(--textColor);
} }
.itemTags, .itemTags,
@@ -533,6 +545,7 @@ html {
.detail-clamp-text { .detail-clamp-text {
text-align: start; text-align: start;
color: var(--dimTextColor);
} }
.itemMiscInfo { .itemMiscInfo {