diff --git a/ghproxy/public/index.html b/ghproxy/public/index.html
index 54a0832..ea4c7b5 100644
--- a/ghproxy/public/index.html
+++ b/ghproxy/public/index.html
@@ -13,10 +13,12 @@
     <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans">
     <style>
         :root {
-            --color: #ffffff;
+            --color: #eeeeee;
             --fontcolor: #333;
             --inputcolor: #f5f5f5;
             --inputcolor-font: #333;
+            --card-bg: #f8f9fa;
+            --border-color: #dee2e6;
         }
 
         @media (prefers-color-scheme: dark) {
@@ -25,26 +27,18 @@
                 --fontcolor: #b8b8b8;
                 --inputcolor: #012333;
                 --inputcolor-font: #969696d8;
+                --card-bg: #012333;
+                --border-color: #2d3338;
             }
         }
 
         body {
             background-color: var(--color);
-            background-image: url('./bj.svg');
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-attachment: fixed;
             color: var(--fontcolor);
             font-family: 'Misans', Arial, sans-serif;
             padding: 30px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            height: 100vh;
             min-height: 100vh;
             margin: 0;
-            position: relative;
         }
 
         *::-webkit-scrollbar {
diff --git a/ghproxy/public/search.html b/ghproxy/public/search.html
index 35d3b20..c5dc3ba 100644
--- a/ghproxy/public/search.html
+++ b/ghproxy/public/search.html
@@ -12,7 +12,7 @@
     <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans">
     <style>
         :root {
-            --color: #ffffff;
+            --color: #eeeeee;
             --fontcolor: #333;
             --inputcolor: #f5f5f5;
             --inputcolor-font: #333;
@@ -33,11 +33,6 @@
 
         body {
             background-color: var(--color);
-            background-image: url('./bj.svg');
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-attachment: fixed;
             color: var(--fontcolor);
             font-family: 'Misans', Arial, sans-serif;
             padding: 30px;
diff --git a/ghproxy/public/skopeo.html b/ghproxy/public/skopeo.html
index 83eb1fe..6b99a15 100644
--- a/ghproxy/public/skopeo.html
+++ b/ghproxy/public/skopeo.html
@@ -12,10 +12,12 @@
     <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans">
     <style>
         :root {
-            --color: #ffffff;
+            --color: #eeeeee;
             --fontcolor: #333;
             --inputcolor: #f5f5f5;
             --inputcolor-font: #333;
+            --card-bg: #f8f9fa;
+            --border-color: #dee2e6;
         }
 
         @media (prefers-color-scheme: dark) {
@@ -24,25 +26,18 @@
                 --fontcolor: #b8b8b8;
                 --inputcolor: #012333;
                 --inputcolor-font: #969696d8;
+                --card-bg: #012333;
+                --border-color: #2d3338;
             }
         }
 
         body {
             background-color: var(--color);
-            background-image: url('./bj.svg');
-            background-position: center;
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-attachment: fixed;
             color: var(--fontcolor);
             font-family: 'Misans', Arial, sans-serif;
             padding: 30px;
-            display: flex;
-            justify-content: center;
-            align-items: center;
             min-height: 100vh;
             margin: 0;
-            position: relative;
         }
 
         *::-webkit-scrollbar {