diff --git a/src/style/components/settings/index.styl b/src/style/components/settings/index.styl
index 1f77ef7..d191b26 100644
--- a/src/style/components/settings/index.styl
+++ b/src/style/components/settings/index.styl
@@ -33,8 +33,8 @@
   margin 0 auto 12px
   padding 4px
   border-radius 999px
-  background rgba(255, 255, 255, 0.06)
-  border 1px solid rgba(255, 255, 255, 0.12)
+  background var(--glass-bg)
+  border 1px solid var(--glass-border)
   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)
diff --git a/src/style/index.styl b/src/style/index.styl
index 50d29c3..ea83f87 100644
--- a/src/style/index.styl
+++ b/src/style/index.styl
@@ -11,8 +11,8 @@
   --color-unfocus rgba(255, 255, 255, .5)
   --color-focus white
   --background-block: rgba(0,0,0,0.45)
-  --glass-bg: rgba(255, 255, 255, 0.06)
-  --glass-bg-active: rgba(255, 255, 255, 0.14)
+  --glass-bg: rgba(0, 0, 0, 0.2)
+  --glass-bg-active: rgba(0, 0, 0, 0.45)
   --glass-border: rgba(255, 255, 255, 0.12)
   --glass-border-active: rgba(255, 255, 255, 0.3)
   --glass-blur: none