chore: Adjust styles

src/components/proxy/proxy-item.tsx

@@ -11,7 +11,6 @@ import {
   styled,
   SxProps,
   Theme,
-  Typography,
 } from "@mui/material";
 import { BaseLoading } from "@/components/base";
 import delayManager from "@/services/delay";
@@ -88,6 +87,8 @@ export const ProxyItem = (props: Props) => {
               "&:hover .the-delay": { display: showDelay ? "block" : "none" },
               "&:hover .the-icon": { display: "none" },
               "&.Mui-selected": {
+                width: `calc(100% + 3px)`,
+                marginLeft: `-3px`,
                 borderLeft: `3px solid ${selectColor}`,
                 bgcolor:
                   mode === "light"
@@ -105,17 +106,17 @@ export const ProxyItem = (props: Props) => {
           title={proxy.name}
           secondary={
             <>
-              <span
-                style={{
+              <Box
+                sx={{
+                  display: "inline-block",
                   marginRight: "8px",
-                  fontSize: "13px",
+                  fontSize: "14px",
                   color: "text.primary",
-                  fontWeight: "700",
                 }}
               >
                 {proxy.name}
                 {showType && proxy.now && ` - ${proxy.now}`}
-              </span>
+              </Box>
               {showType && !!proxy.provider && (
                 <TypeBox component="span">{proxy.provider}</TypeBox>
               )}

src/components/proxy/proxy-render.tsx

@@ -129,7 +129,7 @@ export const ProxyRender = (props: RenderProps) => {
         proxy={proxy!}
         selected={group.now === proxy?.name}
         showType={headState?.showType}
-        sx={{ py: 0, pl: 1 }}
+        sx={{ py: 0, pl: 2 }}
         onClick={() => onChangeProxy(group, proxy!)}
       />
     );

src/pages/_theme.tsx

@@ -6,7 +6,7 @@ export const defaultTheme = {
   primary_color: "#007AFF",
   secondary_color: "#FFCC00",
   primary_text: "#000000",
-  secondary_text: "rgba(60, 60, 67, 0.60)",
+  secondary_text: "#3c3c4399",
   info_color: "#007AFF",
   error_color: "#FF3B30",
   warning_color: "#FF9500",
@@ -24,7 +24,7 @@ export const defaultDarkTheme = {
   secondary_color: "#FF9F0A",
   primary_text: "#ffffff",
   background_color: "#2e303d",
-  secondary_text: "rgba(235, 235, 245, 0.60)",
+  secondary_text: "#ebebf599",
   info_color: "#0A84FF",
   error_color: "#FF453A",
   warning_color: "#FF9F0A",