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 {