浏览代码

added separate definition for green tones used for password strength indicator

Tobias Hagemann 2 年之前
父节点
当前提交
47f7c437fe
共有 2 个文件被更改,包括 8 次插入5 次删除
  1. 4 3
      src/main/resources/css/dark_theme.css
  2. 4 2
      src/main/resources/css/light_theme.css

+ 4 - 3
src/main/resources/css/dark_theme.css

@@ -42,6 +42,8 @@
 	GRAY_8: #D3DCE1;
 	GRAY_9: #EDF3F7;
 
+	GREEN_3: PRIMARY_D1;
+	GREEN_5: PRIMARY;
 	RED_5: #E74C3C;
 	ORANGE_5: #E67E22;
 	YELLOW_5: #F1C40F;
@@ -393,7 +395,6 @@
 	-fx-background-color: MUTED_BG;
 }
 
-
 /* Note: These values below are kinda random such that it looks ok. I'm pretty sure there is room for improvement. Additionally, fx-text-fill does not work*/
 .badge-debug {
 	-fx-font-family: 'Open Sans Bold';
@@ -427,11 +428,11 @@
 }
 
 .password-strength-indicator.strength-3 .segment.active {
-	-fx-background-color: PRIMARY;
+	-fx-background-color: GREEN_5;
 }
 
 .password-strength-indicator.strength-4 .segment.active {
-	-fx-background-color: PRIMARY_D1;
+	-fx-background-color: GREEN_3;
 }
 
 /*******************************************************************************

+ 4 - 2
src/main/resources/css/light_theme.css

@@ -42,6 +42,8 @@
 	GRAY_8: #E1E1E1;
 	GRAY_9: #F7F7F7;
 
+	GREEN_3: PRIMARY_D1;
+	GREEN_5: PRIMARY;
 	RED_5: #E74C3C;
 	ORANGE_5: #E67E22;
 	YELLOW_5: #F1C40F;
@@ -425,11 +427,11 @@
 }
 
 .password-strength-indicator.strength-3 .segment.active {
-	-fx-background-color: PRIMARY;
+	-fx-background-color: GREEN_5;
 }
 
 .password-strength-indicator.strength-4 .segment.active {
-	-fx-background-color: PRIMARY_D1;
+	-fx-background-color: GREEN_3;
 }
 
 /*******************************************************************************