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