Update gradio_keylock/component.py

gradio_keylock/component.py

@@ -177,7 +177,7 @@ class KeylockDecoderComponent:
                 padding: 2rem 2.5rem;
                 border: 1px solid #30363d;
                 border-radius: 12px;
-                box-shadow: 0 8px 32px rgba(0,0,0,0.5);
+                box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.5);
             }
             #keylock-logo {
                 text-align: center;
@@ -197,15 +197,18 @@ class KeylockDecoderComponent:
 
             }
             #image-upload-box {
-                background-color: var(--primary-100) !important;
+                background-color: var(--primary-800) !important;
+                color: var(--primary-100) !important;
+                border-color: var(--primary-100) !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-200) !important;
-                border-color: #58a6ff !important;
+                background-color: var(--primary-100) !important;
+                color: var(--primary-800) !important;
+                border-color: var(--primary-800) !important;
             }
             #image-upload-box .!h-full.w-full > div:first-of-type {
                 display: flex;