Correct app.py

app.py

@@ -51,13 +51,13 @@ def get_highlighted_text(doc):
             background-color: #f4f4f4;
         }
         .container {
-            max-width: 800px;
+            max-width: 1000px;
             margin: 0 auto;
             padding: 20px;
             background-color: white;
             border-radius: 8px;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-            line-height: 2em;  /* Increased line spacing */
+            line-height: 3em;  /* Increased line spacing */
         }
         .entity {
             display: inline-block;
@@ -149,6 +149,24 @@ def get_highlighted_text(doc):
             min-width: 50px;
             white-space: nowrap;
         }
+        /* Dark mode adjustments */
+        @media (prefers-color-scheme: dark) {
+            body {
+                background-color: #181818;
+                color: #e0e0e0;
+            }
+            .container {
+                background-color: #282828;
+                box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+            }
+            /* Ensure text inside entities is visible in dark mode */
+            .entity {
+                color: #e0e0e0;
+            }
+            .entity::after {
+                color: #fff;
+            }
+        }
     </style>
     """
     return style + "<div class='container'>" + result + "</div>"
@@ -172,7 +190,7 @@ def process_text(input_text):
     return get_highlighted_text(doc)
 
 # Define a simpler sample text.
-sample_text = "Oliver baked magical bread. Lyla enjoyed the treat."
+sample_text = "Nancy sliced the tire open."
 
 def fill_sample_text():
     return sample_text