💄 Fixed light theme colors

assets/css/themes.scss

@@ -25,19 +25,19 @@
 }
 
 :root.light {
-  --bg-dark-color: #ffffff;
+  --bg-dark-color: #e1e4eb;
   // Background color
-  --bg-color: #F6F8FA;
+  --bg-color: #ebeef5;
   // Auto-complete color
-	--atc-color: #F1F1F1;
+  --atc-color: #e1e4eb;
   // Text color
-  --fg-color: #121212;
+  --fg-color: #5d5d5f;
 
   // Error color
-  --err-color: invert(#393939, 1);
+  --err-color: invert(#3C4556, 1);
 
   // Active color
-  --ac-color: #50fa7b;
+  --ac-color: #57b5f9;
   // Active text color
-  --act-color: #121212;
+  --act-color: #ebeef5;
 }

pages/settings.vue

@@ -82,7 +82,7 @@
             "class": ""
           },
           {
-                        "color": "#F6F8FA",
+            "color": "#ebeef5",
             "name": "Light",
             "vibrant": true,
             "class": "light"
@@ -129,7 +129,7 @@
           {
             "color": "#57b5f9",
             "name": "Blue",
-                        "vibrant": true
+            "vibrant": false
           },
         ],
 
@@ -149,7 +149,7 @@
     watch: {
       proxySettings: {
         deep: true,
-                handler (value) {
+        handler(value) {
           this.applySetting('PROXY_URL', value.url);
           this.applySetting('PROXY_KEY', value.key);
         }
@@ -163,7 +163,7 @@
         let imgGitHub = document.getElementById("imgGitHub");
         imgGitHub.style['filter'] = "";
         imgGitHub.style['webkit-filter'] = "invert(100%)";
-                if (name.includes("light")){
+        if (name.includes("light")) {
           imgGitHub.style['filter'] = "invert(100%)";
           imgGitHub.style['webkit-filter'] = "invert(100%)";
         }
@@ -195,7 +195,7 @@
     },
 
     computed: {
-            proxySettings () {
+      proxySettings() {
         return {
           url: this.settings.PROXY_URL,
           key: this.settings.PROXY_KEY