fix colors #1300

web/assets/[email protected]/antd.less

@@ -1,7 +1,7 @@
 @import "../lib/style/index.less";
 @import "../lib/style/components.less";
 
-@green-6: #0a7557;
+@green-6: #008771;
 @primary-color: @green-6;
 @border-radius-base: 1rem;
 @progress-remaining-color: #EDEDED;

web/assets/js/util/common.js

@@ -117,13 +117,13 @@ function setCookie(cname, cvalue, exdays) {
 function usageColor(data, threshold, total) {
     switch (true) {
         case data === null:
-            return "green";
+            return "purple";
         case total < 0:
-            return "blue";
+            return "green";
         case total == 0:
             return "purple";
         case data < total - threshold:
-            return "blue";
+            return "green";
         case data < total:
             return "orange";
         default:
@@ -134,13 +134,13 @@ function usageColor(data, threshold, total) {
 function clientUsageColor(clientStats, trafficDiff) {
     switch (true) {
         case !clientStats || clientStats.total == 0:
-            return "#7a316f";
+            return "#7a316f"; // purple
         case clientStats.up + clientStats.down < clientStats.total - trafficDiff:
-            return "#0e49b5";
+            return "#008771"; // Green
         case clientStats.up + clientStats.down < clientStats.total:
-            return "#ffa031";
+            return "#f37b24"; // Orange
         default:
-            return "#e04141";
+            return "#cf3c3c"; // Red
     }
 }
 
@@ -152,17 +152,17 @@ function userExpiryColor(threshold, client, isDark = false) {
     expiry = client.expiryTime;
     switch (true) {
         case expiry === null:
-            return "#389e0d";
+            return "#7a316f"; // purple
         case expiry < 0:
-            return "#0e49b5";
+            return "#008771"; // Green
         case expiry == 0:
-            return "#7a316f";
+            return "#7a316f"; // purple
         case now < expiry - threshold:
-            return "#0e49b5";
+            return "#008771"; // Green
         case now < expiry:
-            return "#ffa031";
+            return "#f37b24"; // Orange
         default:
-            return "#e04141";
+            return "#cf3c3c"; // Red
     }
 }
 

web/html/xui/inbounds.html

@@ -1154,13 +1154,13 @@
                 expColor = usageColor(new Date().getTime(), this.expireDiff, clientStats.expiryTime);
                 switch (true) {
                     case statsColor == "red" || expColor == "red":
-                        return "#E04141";
+                        return "#cf3c3c"; // Red
                     case statsColor == "orange" || expColor == "orange":
-                        return "#FFA031";
-                    case statsColor == "blue" || expColor == "blue":
-                        return "#0e49b5";
+                        return "#f37b24"; // Orange
+                    case statsColor == "green" || expColor == "green":
+                        return "#008771"; // Green
                     default:
-                        return "#7a316f";
+                        return "#7a316f"; // purple
                 }
             },
             isClientEnabled(dbInbound, email) {

web/html/xui/index.html

@@ -345,11 +345,11 @@
         get color() {
             const percent = this.percent;
             if (percent < 80) {
-                return '#0a7557';
+                return '#008771'; // Green
             } else if (percent < 90) {
-                return '#ffa031';
+                return "#f37b24"; // Orange
             } else {
-                return '#e04141';
+                return "#cf3c3c"; // Red
             }
         }
     }