🎨 Updated color codes

assets/css/styles.scss

@@ -135,51 +135,59 @@ fieldset.blue legend {
 }
 
 fieldset.gray {
-  border-color: #9B9B9B;
+  border-color: #BCC2CD;
 }
 
 fieldset.gray legend {
-  color: #9B9B9B;
+  color: #BCC2CD;
 }
 
 fieldset.green {
-  border-color: #B8E986;
+  border-color: #50fa7b;
 }
 
 fieldset.green legend {
-  color: #B8E986;
+  color: #50fa7b;
 }
 
 fieldset.cyan {
-  border-color: #50E3C2;
+  border-color: #8be9fd;
 }
 
 fieldset.cyan legend {
-  color: #50E3C2;
-}
-
-fieldset.blue-dark {
-  border-color: #4A90E2;
-}
-
-fieldset.blue-dark legend {
-  color: #4A90E2;
+  color: #8be9fd;
 }
 
 fieldset.purple {
-  border-color: #C198FB;
+  border-color: #bd93f9;
 }
 
 fieldset.purple legend {
-  color: #C198FB;
+  color: #bd93f9;
 }
 
 fieldset.orange {
-  border-color: #F5A623;
+  border-color: #ffb86c;
 }
 
 fieldset.orange legend {
-  color: #F5A623;
+  color: #ffb86c;
+}
+
+fieldset.pink {
+  border-color: #ff79c6;
+}
+
+fieldset.pink legend {
+  color: #ff79c6;
+}
+
+fieldset.red {
+  border-color: #ff5555;
+}
+
+fieldset.red legend {
+  color: #ff5555;
 }
 
 .hidden {

assets/css/themes.scss

@@ -7,21 +7,21 @@
 
 // Dark is the default theme variant.
 :root {
-  --bg-dark-color: #000000;
+  --bg-dark-color: #44475a;
   // Background color
-  --bg-color: #121212;
+  --bg-color: #282a36;
 	// Auto-complete color
-	--atc-color: #212121;
+	--atc-color: #3C4556;
   // Text color
-  --fg-color: #FFF;
+  --fg-color: #f8f8f2;
 
   // Error color
-  --err-color: #393939;
+  --err-color: #3C4556;
 
   // Active color
-  --ac-color: #51FF0D;
+  --ac-color: #50fa7b;
   // Active text color
-  --act-color: #121212;
+  --act-color: #282a36;
 }
 
 :root.light {