Update gradio_keylock/component.py

gradio_keylock/component.py

@@ -175,7 +175,6 @@ class KeylockDecoderComponent:
                 margin: 4rem auto !important;
                 margin-top: 0px !important;
                 padding: 2rem 2.5rem;
-                background-color: rgba(22, 27, 34, 0.85);
                 border: 1px solid #30363d;
                 border-radius: 12px;
                 box-shadow: 0 8px 32px rgba(0,0,0,0.5);
@@ -195,11 +194,9 @@ class KeylockDecoderComponent:
                 font-size: 24px;
                 font-weight: 600;
                 margin: 0;
-                color: var(--primary-100);
 
             }
             #image-upload-box {
-                background-color: var(--primary-100) !important; /* #0d1117 */
                 border: 2px dashed #30363d !important;
                 border-radius: 8px !important;
                 min-height: 220px;
@@ -207,13 +204,11 @@ class KeylockDecoderComponent:
             }
             #image-upload-box:hover {
                 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,7 +216,6 @@ class KeylockDecoderComponent:
                 border-radius: 6px;
                 margin-top: 1rem;
                 min-height: 50px;
-                background-color: #161b22;
                 border: 1px solid #30363d;
                 transition: all 0.3s ease;
             }
@@ -232,24 +226,16 @@ 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 span {
-                color: var(--primary-100);
-            }
-            .tool-accordion > .label-wrap {
-                background-color: #161b22 !important;
-            }
+
         """
 
     def _handle_login_attempt(self, image_input: Image.Image):