From aeed15c03750dc9990c2e3aa7b36b8dac496392a Mon Sep 17 00:00:00 2001 From: lscambo13 Date: Fri, 30 May 2025 11:01:11 -0700 Subject: [PATCH] New: Added shadow to card overlay buttons and adjusted alignment a bit --- Theme/ElegantFin-theme-nightly.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/Theme/ElegantFin-theme-nightly.css b/Theme/ElegantFin-theme-nightly.css index 28f09d7..1715dd7 100644 --- a/Theme/ElegantFin-theme-nightly.css +++ b/Theme/ElegantFin-theme-nightly.css @@ -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 {