style css

app.py

@@ -65,6 +65,18 @@ LANGUAGES = ["russian", "romanian", "english", "german", "french", "spanish"]
 
 # --- Core Functions (Adapted from your script) ---
 
+def load_css(file_name):
+    """Loads a CSS file and injects it into the Streamlit app."""
+    try:
+        css_path = Path(__file__).parent / file_name
+        with open(css_path) as f:
+            st.markdown(f'<style>{f.read()}</style>', unsafe_allow_html=True)
+        # st.info(f"Loaded CSS: {file_name}") # Optional: uncomment for debugging
+    except FileNotFoundError:
+        st.error(f"CSS file not found: {file_name}. Make sure it's in the same directory as app.py.")
+    except Exception as e:
+        st.error(f"Error loading CSS file {file_name}: {e}")
+
 # Global variable to hold the configured model
 gemini_model = None
 
@@ -339,6 +351,8 @@ def create_txt_from_text(translated_text):
         return None
 
 
+load_css("style.css")
+
 # --- Streamlit App UI ---
 st.title("📄 Document Translator")
 

style.css

@@ -0,0 +1,57 @@
+/* Target the main block container of the Streamlit app */
+.stApp {
+    background-color: #f0f2f6; /* Light grey background */
+}
+
+/* Style the sidebar */
+[data-testid="stSidebar"] {
+    background-color: #e8eaf6; /* Lighter purple/blue */
+    border-right: 2px solid #1a237e; /* Dark blue border */
+}
+
+/* Style buttons in the sidebar */
+[data-testid="stSidebar"] .stButton>button {
+    background-color: #3f51b5; /* Indigo */
+    color: white;
+    border-radius: 8px;
+    border: none;
+}
+
+[data-testid="stSidebar"] .stButton>button:hover {
+    background-color: #1a237e; /* Darker Indigo on hover */
+    color: white;
+}
+
+ /* Style the main title */
+h1 {
+    color: #2c3e50; /* Dark grey/blue */
+    text-align: center;
+    font-family: 'Arial', sans-serif; /* Example font */
+}
+
+/* Style subheaders */
+h2, h3 {
+    color: #3f51b5; /* Indigo */
+}
+
+/* Style download buttons specifically */
+.stDownloadButton>button {
+    background-color: #4CAF50; /* Green */
+    color: white;
+    padding: 10px 20px;
+    border-radius: 5px;
+    border: none;
+}
+.stDownloadButton>button:hover {
+    background-color: #388E3C; /* Darker Green */
+}
+
+/* Style info boxes */
+.stAlert.st-alert.stInfo {
+     border-left-color: #3f51b5 !important; /* Use !important carefully if needed */
+     background-color: #e8eaf6;
+     color: #1a237e;
+}
+
+/* You might need to inspect elements in your browser's developer tools
+   to find the correct selectors for specific Streamlit elements. */