diff mrjunejune/src/tools/latex_editor/index.css @ 246:4f2b50bc78e7

[tools] Fix LaTeX editor visibility Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Mon, 03 Aug 2026 18:30:45 -0700
parents b8aa08503378
children 60a876c4587a
line wrap: on
line diff
--- a/mrjunejune/src/tools/latex_editor/index.css	Mon Aug 03 18:23:36 2026 -0700
+++ b/mrjunejune/src/tools/latex_editor/index.css	Mon Aug 03 18:30:45 2026 -0700
@@ -29,10 +29,10 @@
 .button-link {
   min-height: 42px;
   padding: 0.65rem 1rem;
-  border: 2px solid rgb(var(--black));
+  border: 2px solid var(--black);
   border-radius: 8px;
   background: var(--awesome);
-  color: rgb(var(--black));
+  color: var(--black);
   font: inherit;
   font-weight: 700;
   text-decoration: none;
@@ -85,10 +85,15 @@
 .latex-panel {
   min-width: 0;
   overflow: hidden;
-  border: 2px solid rgb(var(--black));
+  border: 2px solid var(--black);
   border-radius: 12px;
   background: var(--white);
-  box-shadow: 6px 6px 0 rgba(var(--black), 0.12);
+  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.12);
+}
+
+.editor-panel:focus-within {
+  outline: 4px solid var(--awesome);
+  outline-offset: 2px;
 }
 
 .panel-heading {
@@ -98,7 +103,7 @@
   gap: 1rem;
   min-height: 48px;
   padding: 0.55rem 0.8rem;
-  border-bottom: 2px solid rgb(var(--black));
+  border-bottom: 2px solid var(--black);
   background: var(--gray-gradient);
 }
 
@@ -118,8 +123,9 @@
   padding: 1rem;
   border: 0;
   outline: 0;
-  background: rgb(var(--black));
-  color: var(--white);
+  background: #111318;
+  color: #f4f4f5;
+  caret-color: #f4f4f5;
   font: 15px/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
   tab-size: 2;
 }