Update gradio_keylock/component.py

gradio_keylock/component.py

@@ -194,26 +194,25 @@ class KeylockDecoderComponent:
                 font-size: 24px;
                 font-weight: 600;
                 margin: 0;
+                color: var(--primary-100);
 
             }
             #image-upload-box {
-                background-color: var(--primary-800) !important;
-                color: var(--primary-100) !important;
-                border-color: var(--primary-100) !important;
+                background-color: #0d1117 !important;
                 border: 2px dashed #30363d !important;
                 border-radius: 8px !important;
                 min-height: 220px;
                 transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
             }
             #image-upload-box:hover {
-                background-color: var(--primary-100) !important;
-                color: var(--primary-800) !important;
-                border-color: var(--primary-800) !important;
+                border-color: #58a6ff !important;
+                background-color: #161b22 !important;
             }
             #image-upload-box .!h-full.w-full > div:first-of-type {
                 display: flex;
                 align-items: center;
                 justify-content: center;
+                color: #8b949e;
             }
             #status-display {
                 text-align: center;
@@ -221,6 +220,7 @@ class KeylockDecoderComponent:
                 border-radius: 6px;
                 margin-top: 1rem;
                 min-height: 50px;
+                background-color: #161b22;
                 border: 1px solid #30363d;
                 transition: all 0.3s ease;
             }
@@ -231,16 +231,21 @@ class KeylockDecoderComponent:
                 text-align: left;
             }
             #status-display li {
+                background-color: #0d1117;
                 padding: 0.5rem;
                 margin-top: 0.5rem;
                 border-radius: 4px;
                 border: 1px solid #30363d;
             }
             .tool-accordion {
+                border-color: #30363d !important;
+                background-color: #0d1117 !important;
                 border-radius: 8px !important;
                 margin-top: 1.5rem;
             }
-
+            .tool-accordion > .label-wrap {
+                background-color: #161b22 !important;
+            }
         """
 
     def _handle_login_attempt(self, image_input: Image.Image):