text_fixes_v5

app.py

@@ -55,12 +55,33 @@ def check_text(text, tool):
 
 def main():
     st.markdown("""
-                <style>
-                * {
+        <style>
+            /* Сохраняем белый текст для темной темы */
+            .stApp, .stTextInput, .stTextArea, .stMarkdown {
                 color: white;
-                }
-                </style>
-                """, unsafe_allow_html=True)
+            }
+            
+            /* Специальный стиль для текста внутри выделенных ошибок */
+            .error-highlight {
+                background-color: #ffe066;
+                border-bottom: 2px dotted #ff9900;
+                position: relative;
+                color: black !important;  /* Принудительно черный текст в выделениях */
+            }
+            
+            /* Стиль для контейнера с результатом */
+            .result-container {
+                background: rgba(255, 255, 255, 0.1);
+                padding: 20px;
+                border-radius: 8px;
+                border: 1px solid #444;
+                white-space: pre-wrap;
+                font-family: monospace;
+            }
+        </style>
+    """, unsafe_allow_html=True)
+
+
     st.title('Проверка орфографии')
     text = st.text_area("Введите текст для проверки:", height=200)
     tool = load_assets()
@@ -83,7 +104,7 @@ def main():
                     highlighted.append(html.escape(text[last_pos:error['start']]))
                     
                     highlighted.append(
-                        f'<span style="background-color: #ffe066; border-bottom: 2px dotted #000000; '
+                        f'<span style="background-color: #ffe066; border-bottom: 2px dotted #ff9900; '
                         f'position: relative;" title="{html.escape(error["message"])}">'
                         f'{html.escape(text[error["start"]:error["end"]])}'
                         f'</span>'
@@ -101,7 +122,7 @@ def main():
                     border: 1px solid #ddd;
                     white-space: pre-wrap;
                     font-family: monospace;
-                    color: #000000;
+                    color: #000000; 
                 ">
                     {''.join(highlighted)}
                 </div>