dev day #65

frontend/src/styles/custom-editor.css

@@ -310,69 +310,48 @@
   outline-offset: 2px;
 }
 
-/* Dark Mode Support */
-@media (prefers-color-scheme: dark) {
-  .ql-toolbar.ql-snow {
-    background: linear-gradient(to bottom, #2d3748 0%, #1a202c 100%);
-    border-bottom-color: #4a5568 !important;
-  }
+/* Prevent White Text on White Background */
+.ql-editor [style*="color: rgb(255, 255, 255)"],
+.ql-editor [style*="color: white"],
+.ql-editor [style*="color: #fff"],
+.ql-editor [style*="color: #ffffff"],
+.ql-editor [style*="color: rgb(255,255,255)"],
+.ql-editor [style*="color: rgba(255, 255, 255"],
+.ql-editor [style*="color: rgba(255,255,255"] {
+  color: #1a202c !important;
+}
 
-  .ql-toolbar.ql-snow .ql-stroke {
-    stroke: #cbd5e0;
-  }
+/* Ensure all text elements have visible colors */
+.ql-editor p,
+.ql-editor span,
+.ql-editor div,
+.ql-editor li {
+  color: #2d3748;
+}
 
-  .ql-toolbar.ql-snow .ql-fill {
-    fill: #cbd5e0;
-  }
+.ql-editor h1,
+.ql-editor h2,
+.ql-editor h3,
+.ql-editor h4,
+.ql-editor h5,
+.ql-editor h6 {
+  color: #1a202c;
+}
 
-  .ql-toolbar.ql-snow button:hover {
-    background-color: rgba(99, 179, 237, 0.2);
-  }
+.ql-editor strong,
+.ql-editor b {
+  color: #1a202c;
+  font-weight: bold;
+}
 
-  .ql-toolbar.ql-snow button.ql-active {
-    background-color: #2c5aa0;
-  }
+/* Ensure container is always white background */
+.ql-container.ql-snow {
+  background-color: white !important;
+}
 
-  .ql-container.ql-snow {
-    background-color: #1a202c;
-  }
-
-  .ql-editor {
-    color: #e2e8f0;
-  }
-
-  .ql-editor.ql-blank::before {
-    color: #4a5568;
-  }
-
-  .ql-editor h1,
-  .ql-editor h2,
-  .ql-editor h3 {
-    color: #f7fafc;
-  }
-
-  .ql-editor blockquote {
-    background-color: #2d3748;
-    color: #cbd5e0;
-  }
-
-  .ql-editor code {
-    background-color: #2d3748;
-    color: #fc8181;
-  }
-
-  .ql-editor pre {
-    background-color: #1a202c;
-  }
-
-  .ql-editor table th {
-    background-color: #2d3748;
-  }
-
-  .ql-editor table td,
-  .ql-editor table th {
-    border-color: #4a5568;
-  }
+.ql-editor {
+  background-color: white !important;
+  color: #2d3748 !important;
 }
 
 /* Responsive Adjustments */