FIXED: SGNForms: Theme: All existing colors which were using Hexadeci…

…mal or RGB color model has been converted to HSL model.
SGNetworksIndia · Feb 14, 2023 · 3b0cbc1 · 3b0cbc1
1 parent 9c604e6
commit 3b0cbc1
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 24 deletions.
diff --git a/src/css/components/SGNForms/variables/themes/dark.css b/src/css/components/SGNForms/variables/themes/dark.css
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2022 SGNetworks. All rights reserved.
+ * Copyright (c) 2022-2023 SGNetworks. All rights reserved.
  *
  * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification",  "Alteration", "Re-distribution" is completely prohibited.
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
@@ -17,18 +17,20 @@ fieldset,
 .crtb-group *,
 .input-group *,
 fieldset * {
+	--sgnf-accent-active: hsl(220, 100%, 50%);
+	--sgnf-accent-hover: hsl(220, 100%, 60%);
 	--sgnf-accent-inactive: hsl(0, 0%, 50%);
-	--sgnf-accent-active: hsl(225, 99%, 57%);
-	--sgnf-accent-active-light: hsl(214, 90%, 90%);
-	--sgnf-accent-valid: #008000;
-	--sgnf-accent-invalid: #d93025;
-	--sgnf-accent-hover: hsl(225, 99%, 57%);
+	--sgnf-accent-disabled: hsl(0, 0%, 40%);
+	--sgnf-accent-readonly: hsl(0, 0%, 60%);
+	--sgnf-accent-valid: hsl(120, 100%, 50%);
+	--sgnf-accent-invalid: hsl(0, 100%, 50%);
 
 	--sgnf-border: hsl(0, 0%, 20%);
 	--sgnf-text: hsl(0, 0%, 100%);
 
-	--sgnf-background: hsl(0, 0%, 10%);
-	--sgnf-background-active-light: hsl(214, 90%, 90%);
-	--sgnf-background-valid-light: #E5F2E5;
-	--sgnf-background-invalid-light: #FBEAE9;
-}
+	--sgnf-background: hsl(0, 0%, 15%);
+	--sgnf-background-inactive-light: hsl(0, 0%, 10%);
+	--sgnf-background-active-light: hsl(220, 100%, 10%);
+	--sgnf-background-valid-light: hsl(120, 100%, 10%);
+	--sgnf-background-invalid-light: hsl(0, 100%, 10%);
+}
diff --git a/src/css/components/SGNForms/variables/themes/light.css b/src/css/components/SGNForms/variables/themes/light.css
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2022 SGNetworks. All rights reserved.
+ * Copyright (c) 2022-2023 SGNetworks. All rights reserved.
  *
  * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification",  "Alteration", "Re-distribution" is completely prohibited.
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
@@ -17,17 +17,20 @@ fieldset,
 .crtb-group *,
 .input-group *,
 fieldset * {
-	--sgnf-accent-inactive: #757575;
-	--sgnf-accent-active: rgb(26, 115, 232);
-	--sgnf-accent-active-light: hsl(214, 90%, 90%);
-	--sgnf-accent-valid: #008000;
-	--sgnf-accent-invalid: #d93025;
-	--sgnf-accent-hover: #4285f4;
+	--sgnf-accent-active: hsl(220, 100%, 50%);
+	--sgnf-accent-hover: hsl(220, 100%, 60%);
+	--sgnf-accent-inactive: hsl(0, 0%, 50%);
+	--sgnf-accent-disabled: hsl(0, 0%, 40%);
+	--sgnf-accent-readonly: hsl(0, 0%, 60%);
+	--sgnf-accent-valid: hsl(120, 100%, 30%);
+	--sgnf-accent-invalid: hsl(0, 100%, 50%);
 
-	--sgnf-border: rgb(218, 220, 224);
+	--sgnf-border: hsl(0, 0%, 85%);
+	--sgnf-text: hsl(0, 0%, 10%);
 
-	--sgnf-background: #eee;
-	--sgnf-background-active-light: hsl(214, 90%, 90%);
-	--sgnf-background-valid-light: #E5F2E5;
-	--sgnf-background-invalid-light: #FBEAE9;
-}
+	--sgnf-background: hsl(0, 0%, 95%);
+	--sgnf-background-inactive-light: hsl(0, 0%, 90%);
+	--sgnf-background-active-light: hsl(220, 100%, 90%);
+	--sgnf-background-valid-light: hsl(120, 100%, 90%);
+	--sgnf-background-invalid-light: hsl(0, 100%, 90%);
+}