update

README.md

@@ -1,8 +1,8 @@
 ---
 title: BitNet.cpp
 emoji: 💻
-colorFrom: pink
-colorTo: yellow
+colorFrom: blue
+colorTo: gray
 sdk: docker
 app_file: app.py
 app_port: 7860

app.py

@@ -90,43 +90,48 @@ def run_transformers(model_name, input_text, num_tokens):
 # Gradio Interface
 def interface():
     with gr.Blocks(css="""
-        .gr-button {
-        background-color: #FF4081;  /* Bright pink */
+        body {
+        background-color: #F7F9FC;  /* Light gray for a clean look */
+        color: #333333;  /* Dark gray for text for easy readability */
+        font-family: 'Arial', sans-serif;
+    }
+
+    /* Button styling */
+    .gr-button {
+        background-color: #2196F3;  /* Bright blue */
         color: white;
-        border-radius: 8px;
-        padding: 8px 12px;
-        border: 2px solid #FFEB3B; /* Bright yellow border */
+        border-radius: 6px;
+        padding: 10px 15px;
+        border: 1px solid #1976D2; /* Slightly darker blue for border */
         font-weight: bold;
     }
     .gr-button:hover {
-        background-color: #F50057;  /* Darker pink for hover effect */
-        border-color: #FFC107;      /* Darker yellow on hover */
+        background-color: #1976D2;  /* Darker blue on hover */
     }
 
     /* Header styling */
     #header {
-        font-family: 'Arial', sans-serif;
-        color: #D500F9;  /* Vivid purple */
-        background-color: #FFEB3B;  /* Bright yellow background */
+        color: #333333;  /* Dark gray for better contrast on light background */
+        background-color: #E3F2FD;  /* Very light blue background */
         padding: 20px;
-        border-radius: 10px;
+        border-radius: 8px;
         text-align: center;
     }
 
-    /* Container styling */
+    /* Container styling for sections */
     .container {
-        background-color: #FFF59D;  /* Light yellow */
-        border-radius: 10px;
+        background-color: #FFFFFF;  /* White for a clean container look */
+        border-radius: 8px;
         padding: 20px;
-        margin: 15px 0;
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);  /* Soft shadow */
+        margin: 20px 0;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Soft shadow for depth */
     }
     .container h2 {
-        color: #FF4081;  /* Matching bright pink */
+        color: #2196F3;  /* Bright blue for subheaders */
         text-align: center;
     }
 
-    /* Center alignment */
+    /* Center alignment for UI components */
     .center {
         text-align: center;
     }