Update app.py

app.py

@@ -20,16 +20,32 @@ st.set_page_config(page_title="Temperature Converter", page_icon="🌡", layout=
 st.markdown(
     """
     <style>
-        body {
-            background: linear-gradient(to right, #4A90E2, #145DA0);
-            color: white;
+        html, body, [class*="st-"] {
+            transition: all 0.3s ease-in-out;
         }
-        .stApp {
-            background-color: rgba(255, 255, 255, 0.1);
-            padding: 20px;
-            border-radius: 10px;
-            box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
-            color: white;
+        @media (prefers-color-scheme: light) {
+            body {
+                background: linear-gradient(to right, #E3F2FD, #BBDEFB);
+                color: #333;
+            }
+            .stApp {
+                background-color: rgba(255, 255, 255, 0.9);
+                padding: 20px;
+                border-radius: 10px;
+                box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+            }
+        }
+        @media (prefers-color-scheme: dark) {
+            body {
+                background: linear-gradient(to right, #1E1E1E, #424242);
+                color: white;
+            }
+            .stApp {
+                background-color: rgba(0, 0, 0, 0.8);
+                padding: 20px;
+                border-radius: 10px;
+                box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
+            }
         }
         .stButton>button {
             background-color: #FF5733;
@@ -48,6 +64,7 @@ st.markdown(
 )
 
 st.title("🌡 Temperature Converter")
+st.markdown("Convert temperatures between Celsius, Fahrenheit, and Kelvin effortlessly. Enter a value, choose a unit, and get instant results!")
 
 # Input Section
 unit = st.selectbox("Select the unit of the input temperature:", ["Celsius", "Fahrenheit", "Kelvin"])
@@ -63,4 +80,4 @@ if st.button("Convert"):
     elif unit == "Kelvin":
         st.success(f"{value}K = {result1:.2f}°C = {result2:.2f}°F")
 
-st.markdown("**Made with ❤️ using Streamlit**")
+st.markdown("**Made with ❤️ using Streamlit**")