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: Added shadow to card overlay buttons and adjusted alignment a bit

Browse Source
This commit is contained in:
lscambo13
2025-05-30 11:01:11 -07:00
parent 8abe478682
commit aeed15c037
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -76,7 +76,8 @@
--blurLarge: blur(10px);
--blurLargest: blur(20px);
--shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
/* --shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2); */
--shadow: .1em .1em .15em hsla(0, 0%, 0%, 0.3);
/* to revert to old icons, use 'Material Icons'*/
--iconPack: 'Material Icons Round';
@@ -339,6 +340,7 @@ html {
border: var(--defaultLighterBorder);
border-color: var(--btnPlayBorderColor);
font-size: 75%;
box-shadow: var(--shadow);
}
.cardOverlayContainer>.cardOverlayFab-primary:hover,
@@ -352,15 +354,14 @@ html {
.layout-desktop .cardOverlayButton-br,
[dir=ltr].layout-desktop .cardOverlayButton-br {
bottom: .5em;
bottom: .75em;
right: .5em;
display: var(--extraCardButtonsVisibility);
text-shadow: 0 0 4px #000000cf;
}
.layout-desktop .cardOverlayButton-br button {
color: var(--textColor);
text-shadow: 0 0 4px #000000cf;
color: white;
text-shadow: var(--shadow);
}
.layout-mobile .cardOverlayButton {