Mercurial
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; }