Update dark colors

samuelmeuli · Feb 7, 2020 · 0a05eb8 · 0a05eb8
1 parent 7cf7f2e
commit 0a05eb8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 10 deletions.
diff --git a/src/renderer/assets/styles/base/_variables.scss b/src/renderer/assets/styles/base/_variables.scss
@@ -3,8 +3,8 @@ $themes: (
 	"light": (
 		"background": #e2e2e2,
 		"background-hover": #d1d1d1,
-		"background-editor": #f9f9f9,
-		"background-editor-hover": #d4d4d4,
+		"background-input": #f9f9f9,
+		"background-input-hover": #d4d4d4,
 		"button-disabled": #d2d2d2,
 		"error": #d23939,
 		"main": #4e8bd2,
@@ -18,10 +18,10 @@ $themes: (
 		"scrollbar-hover": rgba(0, 0, 0, 0.3),
 	),
 	"dark": (
-		"background": #242326,
-		"background-hover": #3f3f41,
-		"background-editor": #373739,
-		"background-editor-hover": #323234,
+		"background": #1d1d1f,
+		"background-hover": #272629,
+		"background-input": #2f2f31,
+		"background-input-hover": #323234,
 		"button-disabled": #1d1d1d,
 		"error": #d23939,
 		"main": #4c81bf,

diff --git a/src/renderer/assets/styles/components/_editor.scss b/src/renderer/assets/styles/components/_editor.scss
@@ -1,5 +1,5 @@
 .editor {
-	@include background-color("background-editor");
+	@include background-color("background-input");
 	position: relative;
 	border-radius: $border-radius-input;
 	box-shadow: $box-shadow-inset;

diff --git a/src/renderer/assets/styles/elements/_input.scss b/src/renderer/assets/styles/elements/_input.scss
@@ -21,13 +21,13 @@ textarea {
 
 .button {
 	@include input-fixed-height;
-	@include background-color("background-editor");
+	@include background-color("background-input");
 	border-radius: $border-radius-button;
 	box-shadow: $box-shadow;
 	transition: $transition;
 
 	&:not(.button-invisible):hover {
-		@include background-color("background-editor-hover");
+		@include background-color("background-input-hover");
 	}
 
 	&.button-main {
@@ -79,7 +79,7 @@ textarea {
 
 input:not([type="checkbox"]):not([type="radio"]) {
 	@include input-fixed-height;
-	@include background-color("background-editor");
+	@include background-color("background-input");
 	width: $input-width;
 	border-radius: $border-radius-input;
 	box-shadow: $box-shadow-inset;