强化文字对比度修复 - 使用更强力的CSS选择器

app.py

@@ -161,10 +161,20 @@ def get_ocr_info(input_image):
 
 # Define CSS for styling
 css = """
+/* Global text color fixes - high priority */
+body, .gradio-container, .gradio-container * {
+    color: #333 !important;
+}
+
+/* Force all text elements to have good contrast */
+p, div, span, label, input, textarea, button, h1, h2, h3, h4, h5, h6 {
+    color: #333 !important;
+}
+
 #col-container {
     margin: 0 auto;
     max-width: 1000px;
-    color: #333;
+    color: #333 !important;
 }
 
 #input-section {
@@ -172,19 +182,16 @@ css = """
     padding: 20px;
     border-radius: 15px;
     margin-bottom: 20px;
-    color: white;
 }
 
 #output-section {
     background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
     padding: 20px;
     border-radius: 15px;
-    color: white;
 }
 
 .gradio-container {
     background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
-    color: #333;
 }
 
 #title {
@@ -199,7 +206,7 @@ css = """
 
 #description {
     text-align: center;
-    color: #444;
+    color: #222 !important;
     font-size: 1.1em;
     margin-bottom: 30px;
     line-height: 1.6;
@@ -207,7 +214,7 @@ css = """
 
 .process-button {
     background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
-    color: white;
+    color: white !important;
     border: none;
     padding: 15px 30px;
     font-size: 16px;
@@ -221,48 +228,75 @@ css = """
     box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 }
 
-/* Additional text contrast improvements */
-.gradio-container label {
-    color: #333 !important;
-    font-weight: 500;
+/* White text for dark gradient sections */
+#input-section, #input-section * {
+    color: white !important;
 }
 
-.gradio-container .gr-form {
-    color: #333 !important;
+#output-section, #output-section * {
+    color: white !important;
 }
 
-.gradio-container .gr-text-input {
+/* Override Gradio's default text colors */
+.gradio-container .gr-markdown p,
+.gradio-container .gr-markdown div,
+.gradio-container .gr-markdown span,
+.gradio-container .gr-markdown li {
     color: #333 !important;
 }
 
-.gradio-container .gr-button {
+#input-section .gr-markdown p,
+#input-section .gr-markdown div,
+#input-section .gr-markdown span,
+#input-section .gr-markdown li {
+    color: white !important;
+}
+
+#output-section .gr-markdown p,
+#output-section .gr-markdown div,
+#output-section .gr-markdown span,
+#output-section .gr-markdown li {
+    color: white !important;
+}
+
+/* Force all labels and form elements to have proper contrast */
+label, .gr-form label, .gr-textbox label, .gr-button, .gr-checkbox label {
     color: #333 !important;
+    font-weight: 500;
 }
 
 #input-section label,
-#input-section .gr-form,
-#input-section .gr-text-input,
-#input-section .gr-button {
+#input-section .gr-form label,
+#input-section .gr-textbox label,
+#input-section .gr-button,
+#input-section .gr-checkbox label {
     color: white !important;
 }
 
 #output-section label,
-#output-section .gr-form,
-#output-section .gr-text-input,
-#output-section .gr-button {
+#output-section .gr-form label,
+#output-section .gr-textbox label,
+#output-section .gr-button,
+#output-section .gr-checkbox label {
     color: white !important;
 }
 
-/* Make sure markdown text is readable */
-.gradio-container .gr-markdown {
+/* Additional fallback for any missed text elements */
+.gradio-container [class*="text"], 
+.gradio-container [class*="label"], 
+.gradio-container [class*="markdown"] {
     color: #333 !important;
 }
 
-#input-section .gr-markdown {
+#input-section [class*="text"], 
+#input-section [class*="label"], 
+#input-section [class*="markdown"] {
     color: white !important;
 }
 
-#output-section .gr-markdown {
+#output-section [class*="text"], 
+#output-section [class*="label"], 
+#output-section [class*="markdown"] {
     color: white !important;
 }
 """
@@ -422,4 +456,5 @@ with gr.Blocks(css=css, title="智能文字缩放工具") as demo:
         )
 
 if __name__ == "__main__":
+    # Fixed text contrast issues - force redeploy
     demo.launch(share=True, server_name="0.0.0.0", server_port=7860)