Update src/streamlit_app.py

src/streamlit_app.py

@@ -44,9 +44,9 @@ if "quiz_history" not in st.session_state:
 st.markdown("""
     <style>
         html, body, [class*="css"] {
-            background-color: #0d0d0d !important;
-            color: #f5f5f5 !important;
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #0b0b0b !important;
+            color: #f0f0f0 !important;
+            font-family: 'Georgia', serif;
         }
         .nav-bar {
             display: flex;
@@ -55,21 +55,21 @@ st.markdown("""
             background-color: #1a1a1a;
             padding: 1rem;
             width: 100%;
-            border-bottom: 2px solid #ff4b4b;
+            border-bottom: 2px solid #5c1a1b;
         }
         .nav-left, .nav-right {
             display: flex;
             align-items: center;
         }
         .nav-item {
-            color: #f5f5f5;
-            font-size: 20px;
+            color: #f0f0f0;
+            font-size: 18px;
             text-decoration: none;
             margin-right: 1rem;
             transition: color 0.3s;
         }
         .nav-item:hover {
-            color: #ff4b4b;
+            color: #b32d2e;
         }
         .search-form {
             display: flex;
@@ -88,43 +88,43 @@ st.markdown("""
         .search-button {
             padding: 0.5rem 1rem;
             font-size: 16px;
-            background-color: #ff4b4b;
+            background-color: #5c1a1b;
             color: white;
             border: none;
             border-radius: 0 4px 4px 0;
             cursor: pointer;
         }
         .search-button:hover {
-            background-color: #e63e3e;
+            background-color: #732323;
         }
         .star {
-            color: #FFD700;
+            color: #d4af37;
             font-size: 1.4em;
             padding-right: 2px;
         }
         h1, h2, h3 {
-            color: #ff4b4b !important;
+            color: #b32d2e !important;
         }
         .stButton>button {
-            background-color: #ff4b4b !important;
+            background-color: #5c1a1b !important;
             color: white !important;
             border-radius: 5px;
             border: none;
         }
         .stButton>button:hover {
-            background-color: #e63e3e !important;
+            background-color: #732323 !important;
         }
     </style>
     <div class="nav-bar">
         <div class="nav-left">
-            <a class="nav-item" href="/?home=true" target="_self">🏠 Home</a>
+            <a class="nav-item" href="/?home=true" target="_self">Home</a>
         </div>
         <form class="search-form" action="/" method="get">
             <input type="text" name="search" class="search-input" placeholder="Search movies...">
-            <button type="submit" class="search-button">🔍</button>
+            <button type="submit" class="search-button">Search</button>
         </form>
         <div class="nav-right">
-            <a class="nav-item" href="/?rateflow=true" target="_self">🎲 Rate Random</a>
+            <a class="nav-item" href="/?rateflow=true" target="_self">Rate</a>
         </div>
     </div>
 """, unsafe_allow_html=True)