pi-studio 0.6.6 → 0.6.7

package/CHANGELOG.md

@@ -4,6 +4,11 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.6.7] — 2026-04-30
+
+### Changed
+- Sharpened Markdown quote markers, fenced-code fence lines, rendered blockquote borders/text, and Studio badge text so they remain legible across darker custom themes.
+
 ## [0.6.6] — 2026-04-30
 
 ### Changed

package/client/studio.css

@@ -396,7 +396,7 @@
       border-radius: 999px;
       padding: 4px 10px;
       font-size: 12px;
-      color: var(--muted);
+      color: var(--studio-info-text, var(--muted));
       white-space: nowrap;
     }
 
@@ -406,7 +406,14 @@
 
     body.studio-ui-refresh #rightPane .reference-meta .source-badge {
       border-color: var(--border-subtle);
-      color: color-mix(in srgb, var(--text) 58%, var(--muted));
+      color: var(--studio-info-text, var(--muted));
+    }
+
+    #historyIndexBadge {
+      color: var(--studio-info-text, var(--muted));
+      background: var(--reference-badge-bg, var(--panel));
+      border-color: var(--control-border);
+      font-weight: 500;
     }
 
     .source-badge-button {
@@ -727,7 +734,8 @@
     }
 
     .hl-fence {
-      color: var(--muted);
+      color: var(--studio-markdown-marker-text, var(--studio-info-text, var(--muted)));
+      font-weight: 600;
     }
 
     .hl-code {
@@ -793,8 +801,9 @@
     }
 
     .hl-quote {
-      color: var(--md-quote);
+      color: var(--studio-markdown-marker-text, var(--md-quote));
       font-style: normal;
+      font-weight: 600;
     }
 
     .hl-link {
@@ -1031,10 +1040,10 @@
     .rendered-markdown blockquote {
       margin-left: 0;
       padding: 0.2em 1em;
-      border-left: 0.25em solid var(--md-quote-border);
+      border-left: 0.25em solid var(--studio-quote-border, var(--md-quote-border));
       border-radius: 0 8px 8px 0;
       background: var(--blockquote-bg);
-      color: var(--md-quote);
+      color: var(--studio-quote-text, var(--md-quote));
     }
 
     .rendered-markdown .callout-note,

package/index.ts

@@ -6210,9 +6210,12 @@ function buildThemeCssVars(style: StudioThemeStyle): Record<string, string> {
 	const paneActiveBorder = capBorderContrast(rawPaneActiveBorder, style.palette.panel, style.mode === "light" ? 1.38 : 1.45);
 	const accentContrast = style.accentContrast ?? (style.mode === "light" ? "#ffffff" : "#0e1616");
 	const errorContrast = style.errorContrast ?? readableTextOn(style.palette.error);
+	const quoteText = blendColors(style.palette.text, style.palette.mdQuote, style.mode === "light" ? 0.34 : 0.28);
+	const quoteBorder = blendColors(style.palette.mdQuoteBorder, style.palette.text, style.mode === "light" ? 0.18 : 0.24);
+	const markdownMarkerText = blendColors(style.palette.text, style.palette.muted, style.mode === "light" ? 0.28 : 0.24);
 	const blockquoteBg = withAlpha(
-		style.palette.mdQuoteBorder,
-		style.mode === "light" ? 0.10 : 0.16,
+		quoteBorder,
+		style.mode === "light" ? 0.10 : 0.15,
 		style.mode === "light" ? "rgba(15, 23, 42, 0.04)" : "rgba(255, 255, 255, 0.05)",
 	);
 	const tableAltBg = withAlpha(
@@ -6285,6 +6288,9 @@ function buildThemeCssVars(style: StudioThemeStyle): Record<string, string> {
 		"--md-codeblock-border": codeBlockBorder,
 		"--md-quote": style.palette.mdQuote,
 		"--md-quote-border": style.palette.mdQuoteBorder,
+		"--studio-quote-text": quoteText,
+		"--studio-quote-border": quoteBorder,
+		"--studio-markdown-marker-text": markdownMarkerText,
 		"--md-hr": style.palette.mdHr,
 		"--md-list-bullet": style.palette.mdListBullet,
 		"--syntax-comment": style.palette.syntaxComment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-studio",
-  "version": "0.6.6",
+  "version": "0.6.7",
   "description": "Two-pane browser workspace for pi with prompt/response editing, annotations, critiques, prompt/response history, and live Markdown/LaTeX/code preview",
   "type": "module",
   "license": "MIT",