Update app.py

app.py

@@ -1,32 +1,32 @@
 import gradio as gr
 
-# Map total percentage to GPA based on your grading scheme
+# Map percentage to GPA and color
 def percentage_to_gpa(percent):
     if percent >= 90:
-        return 4.00
+        return 4.00, "#00c853"  # A+ Green
     elif percent >= 85:
-        return 4.00
+        return 4.00, "#00c853"  # A Green
     elif percent >= 80:
-        return 3.66 + (percent - 80) * (3.99 - 3.66) / (84.99 - 80)
+        return 3.66 + (percent - 80) * (3.99 - 3.66) / (84.99 - 80), "#64dd17"  # A- Light Green
     elif percent >= 75:
-        return 3.33 + (percent - 75) * (3.65 - 3.33) / (79.99 - 75)
+        return 3.33 + (percent - 75) * (3.65 - 3.33) / (79.99 - 75), "#c6ff00"  # B+ Yellow-Green
     elif percent >= 71:
-        return 3.00 + (percent - 71) * (3.32 - 3.00) / (74.99 - 71)
+        return 3.00 + (percent - 71) * (3.32 - 3.00) / (74.99 - 71), "#ffeb3b"  # B Yellow
     elif percent >= 68:
-        return 2.66 + (percent - 68) * (2.99 - 2.66) / (70.99 - 68)
+        return 2.66 + (percent - 68) * (2.99 - 2.66) / (70.99 - 68), "#ffc107"  # B- Orange
     elif percent >= 61:
-        return 2.00 + (percent - 61) * (2.65 - 2.00) / (67.99 - 61)
+        return 2.00 + (percent - 61) * (2.65 - 2.00) / (67.99 - 61), "#ff9800"  # C Orange
     elif percent >= 50:
-        return 1.00 + (percent - 50) * (1.99 - 1.00) / (60.99 - 50)
+        return 1.00 + (percent - 50) * (1.99 - 1.00) / (60.99 - 50), "#f44336"  # D Red
     else:
-        return 0.00
+        return 0.00, "#b71c1c"  # F Dark Red
 
 # GPA calculation
 def calculate_gpa(w_assign, w_quiz, w_gdb, w_mid, w_final,
                   p_assign, p_quiz, p_gdb, p_mid, p_final):
     weights_sum = w_assign + w_quiz + w_gdb + w_mid + w_final
     if weights_sum != 100:
-        return "⚠️ Total weightage must be 100%"
+        return "⚠️ Total weightage must be 100%", "#000000"
 
     total_score = (
         w_assign * p_assign +
@@ -36,8 +36,8 @@ def calculate_gpa(w_assign, w_quiz, w_gdb, w_mid, w_final,
         w_final * p_final
     ) / 100
 
-    gpa = percentage_to_gpa(total_score)
-    return f"{gpa:.2f}"
+    gpa, color = percentage_to_gpa(total_score)
+    return f"{gpa:.2f}", color
 
 # Build Gradio interface
 with gr.Blocks(title="GPA Calculator") as app:
@@ -45,40 +45,35 @@ with gr.Blocks(title="GPA Calculator") as app:
     # Custom CSS for HUGE GPA display
     app.css = """
     #gpa_big textarea { 
-        font-size: 200px !important; 
+        font-size: 120px !important; 
         font-weight: bold; 
         text-align: center;
-        color: #1a73e8;
     }
     """
 
     gr.Markdown("## 📊 GPA Calculator (Out of 4)")
-    gr.Markdown("Enter weightages and achieved percentages. Use the slider for Final Term percentage. GPA updates live!")
+    gr.Markdown("Enter weightages and achieved percentages. Use the slider for Final Term. GPA updates live!")
+
+    options = [5, 10, 15, 20, 30, 50, 60]  # Drop-down options for achieved percentages
 
     with gr.Row():
         # Weightages column
         with gr.Column():
             gr.Markdown("### Weightage (%)")
             w_assign = gr.Number(value=10, label="Assignment")
-            w_quiz = gr.Number(value=5, label="Quiz")
-            w_gdb = gr.Number(value=5, label="GDB")
-            w_mid = gr.Number(value=20, label="Mid Term")
-            w_final = gr.Number(value=60, label="Final Term")
+            w_quiz = gr.Number(value=10, label="Quiz")
+            w_gdb = gr.Number(value=10, label="GDB")
+            w_mid = gr.Number(value=30, label="Mid Term")
+            w_final = gr.Number(value=40, label="Final Term")
 
         # Achieved percentages column
         with gr.Column():
             gr.Markdown("### Achieved (%)")
-            p_assign = gr.Number(value=50, label="Assignment")
-            p_quiz = gr.Number(value=50, label="Quiz")
-            p_gdb = gr.Number(value=50, label="GDB")
-            p_mid = gr.Number(value=50, label="Mid Term")
-            p_final = gr.Slider(
-                minimum=0,
-                maximum=100,
-                value=50,
-                step=1,
-                label="Final Term Percentage"
-            )
+            p_assign = gr.Dropdown(label="Assignment", choices=options, value=50)
+            p_quiz = gr.Dropdown(label="Quiz", choices=options, value=50)
+            p_gdb = gr.Dropdown(label="GDB", choices=options, value=50)
+            p_mid = gr.Dropdown(label="Mid Term", choices=options, value=50)
+            p_final = gr.Slider(minimum=0, maximum=100, value=50, step=1, label="Final Term %")
 
         # GPA column
         with gr.Column():
@@ -88,7 +83,11 @@ with gr.Blocks(title="GPA Calculator") as app:
     inputs = [w_assign, w_quiz, w_gdb, w_mid, w_final,
               p_assign, p_quiz, p_gdb, p_mid, p_final]
 
+    def update_gpa(*args):
+        result, color = calculate_gpa(*args)
+        return gr.update(value=result, style={"color": color})
+
     for inp in inputs:
-        inp.change(calculate_gpa, inputs=inputs, outputs=gpa_display)
+        inp.change(update_gpa, inputs=inputs, outputs=gpa_display)
 
 app.launch()