aboutsummaryrefslogtreecommitdiff
path: root/scripts/theme-studio/theme-studio.template.html
diff options
context:
space:
mode:
authorCraig Jennings <c@cjennings.net>2026-06-14 19:09:37 -0500
committerCraig Jennings <c@cjennings.net>2026-06-14 19:09:37 -0500
commit59f4f54e518db3323cd7aaabfdc48ecb2bdaf40d (patch)
tree42e8bd397a7c40ec09f8e2f108e1cd56986c0678 /scripts/theme-studio/theme-studio.template.html
parent2299d034aed1c0993fae990fcf3ddaad3bae7c97 (diff)
downloaddotemacs-59f4f54e518db3323cd7aaabfdc48ecb2bdaf40d.tar.gz
dotemacs-59f4f54e518db3323cd7aaabfdc48ecb2bdaf40d.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.html2
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 bc96f12d1..d72a44abe 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 &#9651;</th><th title="lock a decided element↔color association"></th><th onclick="srtTable('legbody',2)">fg &#9651;</th><th onclick="srtTable('legbody',3)">bg &#9651;</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>