diff --git a/web/src/components/save/SupportedServices.svelte b/web/src/components/save/SupportedServices.svelte index 28e97859..0b51e577 100644 --- a/web/src/components/save/SupportedServices.svelte +++ b/web/src/components/save/SupportedServices.svelte @@ -78,7 +78,7 @@ background: var(--button); box-shadow: var(--button-box-shadow), - 0 0 10px 10px var(--button-stroke); + 0 0 10px 10px var(--popover-glow); position: relative; padding: 12px; diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 1a878aff..062c2536 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -123,6 +123,8 @@ --button-elevated-hover: #dadada; --button-elevated-shimmer: #ededed; + --popover-glow: var(--button-stroke); + --popup-bg: #f1f1f1; --popup-stroke: rgba(0, 0, 0, 0.08); @@ -198,6 +200,8 @@ --button-elevated: #282828; --button-elevated-hover: #323232; + --popover-glow: rgba(135, 135, 135, 0.15); + --popup-bg: #191919; --popup-stroke: rgba(255, 255, 255, 0.08);