Darken glass background for better text contrast on light themes

main
Warinyourself 3 months ago
parent 320f11751d
commit 0ee40b9a5d

@ -33,8 +33,8 @@
margin 0 auto 12px margin 0 auto 12px
padding 4px padding 4px
border-radius 999px border-radius 999px
background rgba(255, 255, 255, 0.06) background var(--glass-bg)
border 1px solid rgba(255, 255, 255, 0.12) border 1px solid var(--glass-border)
backdrop-filter blur(24px) saturate(180%) backdrop-filter blur(24px) saturate(180%)
-webkit-backdrop-filter blur(24px) saturate(180%) -webkit-backdrop-filter blur(24px) saturate(180%)
box-shadow 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08) box-shadow 0 4px 20px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08)

@ -11,8 +11,8 @@
--color-unfocus rgba(255, 255, 255, .5) --color-unfocus rgba(255, 255, 255, .5)
--color-focus white --color-focus white
--background-block: rgba(0,0,0,0.45) --background-block: rgba(0,0,0,0.45)
--glass-bg: rgba(255, 255, 255, 0.06) --glass-bg: rgba(0, 0, 0, 0.2)
--glass-bg-active: rgba(255, 255, 255, 0.14) --glass-bg-active: rgba(0, 0, 0, 0.45)
--glass-border: rgba(255, 255, 255, 0.12) --glass-border: rgba(255, 255, 255, 0.12)
--glass-border-active: rgba(255, 255, 255, 0.3) --glass-border-active: rgba(255, 255, 255, 0.3)
--glass-blur: none --glass-blur: none

Loading…
Cancel
Save