diff --git a/src/styles/main.scss b/src/styles/main.scss
index 12c34d03..2b51222e 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -38,7 +38,7 @@ html.bewly-design,
 
 .dark.bewly-design body,
 html.dark.bewly-design {
-  background-color: var(--bew-bg);
+  background-color: var(--bew-bg) !important;
 }
 
 .bewly-design *::selection,
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index 96587887..251bb666 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -334,7 +334,7 @@
   --bg1_float: var(--bew-elevated-solid);
   --bg2_float: var(--bew-elevated-solid);
   // --graph_white: var(--bew-bg);
-  --graph_bg_thin: var(--bew-bg);
+  --graph_bg_thin: color-mix(in oklab, var(--bew-content-solid), black 10%);
   --graph_bg_regular: var(--bew-content-solid);
   --graph_bg_thick: color-mix(in oklab, var(--bew-content-solid), white 10%);
   --graph_weak: color-mix(in oklab, var(--bew-content-solid), white 20%);