Fix dark mode contrast for AI result text and code blocks

Author: antarr

app/views/layouts/mysql_genius/application.html.erb

@@ -220,7 +220,13 @@
 
     /* Inline code */
     [data-theme="dark"] code { background: #21262d; color: #c9d1d9; }
+    [data-theme="dark"] pre { background: #161b22; color: #c9d1d9; border-color: #30363d; }
     [data-theme="dark"] pre.mg-pre { background: #161b22; color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body h1, [data-theme="dark"] .mg-card-body h2, [data-theme="dark"] .mg-card-body h3, [data-theme="dark"] .mg-card-body h4 { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body p, [data-theme="dark"] .mg-card-body li, [data-theme="dark"] .mg-card-body td { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body strong { color: #e6edf3; }
+    [data-theme="dark"] .mg-card-body a { color: #58a6ff; }
 
     /* Links */
     [data-theme="dark"] .mg-link { color: #58a6ff; }

gems/mysql_genius-desktop/lib/mysql_genius/desktop/layout.html.erb

@@ -199,7 +199,13 @@
     [data-theme="dark"] .mg-dur-moderate { color: #d29922; }
     [data-theme="dark"] .mg-dur-slow { color: #f85149; }
     [data-theme="dark"] code { background: #21262d; color: #c9d1d9; }
+    [data-theme="dark"] pre { background: #161b22; color: #c9d1d9; border-color: #30363d; }
     [data-theme="dark"] pre.mg-pre { background: #161b22; color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body h1, [data-theme="dark"] .mg-card-body h2, [data-theme="dark"] .mg-card-body h3, [data-theme="dark"] .mg-card-body h4 { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body p, [data-theme="dark"] .mg-card-body li, [data-theme="dark"] .mg-card-body td { color: #c9d1d9; }
+    [data-theme="dark"] .mg-card-body strong { color: #e6edf3; }
+    [data-theme="dark"] .mg-card-body a { color: #58a6ff; }
     [data-theme="dark"] .mg-link { color: #58a6ff; }
     [data-theme="dark"] .mg-spinner { border-color: #30363d; border-top-color: #58a6ff; }
     [data-theme="dark"] .mg-text-muted { color: #8b949e; }