1 files changed, 9 insertions, 2 deletions
diff --git a/scripts/theme-studio/styles.css b/scripts/theme-studio/styles.css
index d77359801..0d13f423c 100644
--- a/scripts/theme-studio/styles.css
+++ b/scripts/theme-studio/styles.css
@@ -1,3 +1,4 @@
+ @font-face{font-family:"ThemeStudioNerd";src:url("SymbolsNerdFontMono-Regular.woff2") format("woff2");font-display:swap}
  body{background:#0d0b0a;color:#cdced1;font:15px/1.55 monospace;margin:20px}
  h1{font-size:22px;font-weight:normal;color:#e8bd30;margin:26px 0 10px;border-bottom:1px solid #252321;padding-bottom:6px}
  h2{font-size:10pt;color:#8a9496;font-weight:normal;margin:0 0 4px}
@@ -33,10 +34,16 @@
  input.detailcheck{width:15px;height:15px;cursor:pointer}
  table.leg th:hover{color:#e8bd30}
  select.chip{appearance:none;border:1px solid #00000060;border-radius:5px;padding:5px 10px;font:bold 14px monospace;width:160px;cursor:pointer}
+ /* nav-flanked dropdowns (view, language, preview): match the flanking arrow buttons
+    (same dark bg, gold text) so the select and its buttons read as one control. */
+ select.navsel,select.navsel option{background:#1f1c19;color:#e8bd30}
  /* Prev/next arrows flanking the view dropdown: step the selection without reopening it.
     Scoped under .pkgbar to outweigh the generic `.pkgbar button` rule above. */
- .pkgbar .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:26px;height:30px;padding:0;margin:0;cursor:pointer;vertical-align:middle}
- .pkgbar .viewnav:hover{border-color:#e8bd30}
+ .pkgbar .viewnav,.langbar .viewnav{appearance:none;border:1px solid #00000060;border-radius:5px;background:#1f1c19;color:#e8bd30;font:bold 16px monospace;width:26px;height:30px;padding:0;margin:0;cursor:pointer;vertical-align:middle}
+ .pkgbar .viewnav:hover,.langbar .viewnav:hover{border-color:#e8bd30}
+ /* Disabled nav (a single-pane preview): keep the gold, dim it, don't look clickable. */
+ .viewnav:disabled{opacity:0.5;cursor:default}
+ select.navsel:disabled{opacity:0.5}
  /* Non-default marker: a small gold corner flag on a per-face setting cell whose
     value differs from the face's default. The size box looks identical default
     or not, so the flag is the only at-a-glance cue that a value was changed. */