feat(ui): background and border coloe update

style.css

@@ -8,7 +8,8 @@
 :root {
     --primary-color: #c15151;
     --secondary-color: #7f7f7f;
-    --background-color: #f9f9f9;
+    --background-color: #ffffff;
+    --border-color: #dedede;
     --text-color: #444444;
     --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
     --font-family-monospace: 'IBM Plex Mono', monospace;
@@ -67,10 +68,6 @@ a:hover {
     flex-direction: column;
     min-height: calc(100vh - 40px);
     margin: 0 auto;
-    border: 2px dotted #ccc;
-    border-spacing: 10px;
-    margin-top: 20px;
-    background-color: #fff;
     padding: 20px;
 }
 
@@ -103,7 +100,7 @@ a:hover {
     justify-content: center;
     margin-bottom: 20px;
     padding: 10px;
-    border: 1px solid #ccc;
+    border: 1px solid var(--border-color);
     font-size: 14px;
 }
 
@@ -117,7 +114,7 @@ a:hover {
 
 .repository__files li {
     padding: 5px;
-    border: 1px solid #eee;
+    border: 1px solid var(--border-color);
 }
 
 .repository__files .repository__item {