diff --git a/src/renderer/assets/styles/base/_variables.scss b/src/renderer/assets/styles/base/_variables.scss
index da2fce34..c1073b0e 100644
--- a/src/renderer/assets/styles/base/_variables.scss
+++ b/src/renderer/assets/styles/base/_variables.scss
@@ -2,10 +2,11 @@
 $themes: (
 	"light": (
 		"background": #e2e2e2,
-		"background-hover": #d1d1d1,
+		"background-hover": #c5c5c5 /* Same as "background-toolbar" */,
 		"background-button-disabled": #d2d2d2,
 		"background-input": #f9f9f9,
 		"background-input-hover": #d4d4d4,
+		"background-toolbar": #c5c5c5 /* Same as "background-hover" */,
 		"error": #d23939,
 		"main": #4e8bd2,
 		"main-hover": #447ab8,
@@ -20,11 +21,12 @@ $themes: (
 		"shadow-outer": rgba(0, 0, 0, 0.18),
 	),
 	"dark": (
-		"background": #1d1d1f,
-		"background-hover": #272629,
+		"background": #1f1e21,
+		"background-hover": #3f3f41,
 		"background-button-disabled": #080808,
-		"background-input": #2f2f31,
+		"background-input": #353538,
 		"background-input-hover": #323234,
+		"background-toolbar": #131313,
 		"error": #d23939,
 		"main": #4c81bf,
 		"main-hover": #4371a7,
diff --git a/src/renderer/assets/styles/components/_editor.scss b/src/renderer/assets/styles/components/_editor.scss
index e65b0cf9..d6091ae3 100644
--- a/src/renderer/assets/styles/components/_editor.scss
+++ b/src/renderer/assets/styles/components/_editor.scss
@@ -31,7 +31,7 @@ $editor-padding-large: 2 * $spacing-abs-large;
 }
 
 .editor-toolbar {
-	@include background-color("background-hover");
+	@include background-color("background-toolbar");
 	@include box-shadow(0 -1.5px 1px 0, "shadow-inner");
 	display: flex;
 	align-items: center;