diff options
| author | Craig Jennings <c@cjennings.net> | 2026-06-14 19:09:37 -0500 |
|---|---|---|
| committer | Craig Jennings <c@cjennings.net> | 2026-06-14 19:09:37 -0500 |
| commit | 7eeef8b69c0a3b5e6a1c232344d7abb4ddd4c61d (patch) | |
| tree | 43f96f30e6a38ea567985e27945d84c344875836 /scripts/theme-studio/theme-studio.template.html | |
| parent | b59ec4014afff3dc41d598464fa6d0a6b2952f6a (diff) | |
| download | dotemacs-7eeef8b69c0a3b5e6a1c232344d7abb4ddd4c61d.tar.gz dotemacs-7eeef8b69c0a3b5e6a1c232344d7abb4ddd4c61d.zip | |
feat(theme-studio): auto-dim split preview
auto-dim-other-buffers is a package face, not a theme face, so build-inventory.el (it scans only elpa/straight packages) never listed it and the studio couldn't theme it. This adds it as a bespoke app.
The preview is a vertical split: the focused window on the left in real syntax colors, the same code on the right collapsed to the single auto-dim-other-buffers face, the way Emacs renders a non-selected window. Both panes follow the language selector. A trailing row shows auto-dim-other-buffers-hide, whose foreground matches the background so it vanishes when dimmed.
A #autodimtest gate covers the split, the uniform recolor, and language sync.
Diffstat (limited to 'scripts/theme-studio/theme-studio.template.html')
| -rw-r--r-- | scripts/theme-studio/theme-studio.template.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/scripts/theme-studio/theme-studio.template.html b/scripts/theme-studio/theme-studio.template.html index bc96f12d..d72a44ab 100644 --- a/scripts/theme-studio/theme-studio.template.html +++ b/scripts/theme-studio/theme-studio.template.html @@ -65,7 +65,7 @@ STYLES_CSS</style> <table class="leg" id="legtable"><thead><tr><th onclick="srtTable('legbody',0)">elements △</th><th title="lock a decided element↔color association"></th><th onclick="srtTable('legbody',2)">fg △</th><th onclick="srtTable('legbody',3)">bg △</th><th>style</th><th title="face :box (border)">box</th><th title="WCAG contrast of this color on the background">contrast</th><th>example</th></tr></thead><tbody id="legbody"></tbody></table> </section> <section class="pane grow"> - <div class="langbar"><label style="color:#b4b1a2">language</label><select id="langsel" class="chip" style="width:auto;font:bold 10pt monospace" onchange="renderCode()"></select></div> + <div class="langbar"><label style="color:#b4b1a2">language</label><select id="langsel" class="chip" style="width:auto;font:bold 10pt monospace" onchange="renderCode();buildPkgPreview()"></select></div> <pre id="codepre"></pre> </section> </div> |