diff --git a/src/webviews/apps/scss/base.scss b/src/webviews/apps/scss/base.scss
index 3c54b86..4a7d4aa 100644
--- a/src/webviews/apps/scss/base.scss
+++ b/src/webviews/apps/scss/base.scss
@@ -11,10 +11,6 @@ body {
 	height: 100%;
 	line-height: 1.4;
 	font-size: 100% !important;
-
-	&.vscode-light {
-		background-color: var(--color-background--darken-075);
-	}
 }
 
 // canvas.snow {
diff --git a/src/webviews/apps/scss/popup.scss b/src/webviews/apps/scss/popup.scss
index b2d0824..077cbe8 100644
--- a/src/webviews/apps/scss/popup.scss
+++ b/src/webviews/apps/scss/popup.scss
@@ -20,7 +20,7 @@
 		z-index: 1001;
 
 		.vscode-light & {
-			border-bottom-color: var(--color-background--darken-075);
+			border-bottom-color: var(--color-background--darken-05);
 		}
 
 		.vscode-dark & {
@@ -29,7 +29,7 @@
 	}
 
 	.vscode-light & {
-		background: var(--color-background--darken-075);
+		background: var(--color-background--darken-05);
 	}
 
 	.vscode-dark & {
diff --git a/src/webviews/apps/scss/settings.scss b/src/webviews/apps/scss/settings.scss
index 22e0654..da9708f 100644
--- a/src/webviews/apps/scss/settings.scss
+++ b/src/webviews/apps/scss/settings.scss
@@ -2,6 +2,12 @@
 @import 'buttons';
 @import 'icons';
 
+body {
+	&.vscode-light {
+		background-color: var(--color-background--darken-05);
+	}
+}
+
 header {
 	grid-area: header;
 	display: grid;
@@ -136,7 +142,7 @@ header {
 	grid-column: span 1;
 
 	.vscode-light & {
-		background: var(--color-background--darken-075);
+		background: var(--color-background--darken-05);
 	}
 }
 
diff --git a/src/webviews/apps/scss/welcome.scss b/src/webviews/apps/scss/welcome.scss
index 9e07908..328084c 100644
--- a/src/webviews/apps/scss/welcome.scss
+++ b/src/webviews/apps/scss/welcome.scss
@@ -2,6 +2,12 @@
 @import 'buttons';
 @import 'icons';
 
+body {
+	&.vscode-light {
+		background-color: var(--color-background--darken-05);
+	}
+}
+
 header {
 	grid-area: header;
 	display: grid;