pi-studio 0.6.6 → 0.6.8

package/CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to `pi-studio` are documented here.
 
 ## [Unreleased]
 
+## [0.6.8] — 2026-05-01
+
+### Changed
+- Sharpened rendered and raw Markdown links, bare URLs, list markers, and sync/history-style badges so low-contrast theme tokens remain readable in Studio.
+- Softened the bundled `pi-studio-light` theme surfaces to reduce pure-white glare and large-surface contrast.
+
+## [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 {
@@ -429,8 +436,8 @@
 
     .sync-badge.sync {
       border-color: var(--control-border);
-      color: var(--muted);
-      opacity: 0.88;
+      color: var(--studio-info-text, var(--muted));
+      opacity: 0.96;
     }
 
     .source-actions {
@@ -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 {
@@ -788,22 +796,26 @@
     }
 
     .hl-list {
-      color: var(--md-list-bullet);
+      color: var(--studio-list-marker-text, var(--md-list-bullet));
       font-weight: 600;
     }
 
     .hl-quote {
-      color: var(--md-quote);
+      color: var(--studio-markdown-marker-text, var(--md-quote));
       font-style: normal;
+      font-weight: 600;
     }
 
     .hl-link {
-      color: var(--md-link);
+      color: var(--studio-link, var(--md-link));
       text-decoration: underline;
+      text-decoration-color: var(--studio-link-decoration, currentColor);
+      text-underline-offset: 0.13em;
     }
 
     .hl-url {
-      color: var(--md-link-url);
+      color: var(--studio-link-url, var(--studio-link, var(--md-link-url)));
+      font-weight: 500;
     }
 
     .hl-annotation {
@@ -1011,30 +1023,34 @@
     }
 
     .rendered-markdown li::marker {
-      color: var(--md-list-bullet);
+      color: var(--studio-list-marker-text, var(--md-list-bullet));
     }
 
     .rendered-markdown a {
-      color: var(--md-link);
-      text-decoration: none;
+      color: var(--studio-link, var(--md-link));
+      text-decoration: underline;
+      text-decoration-color: var(--studio-link-decoration, currentColor);
+      text-decoration-thickness: 0.06em;
+      text-underline-offset: 0.14em;
     }
 
     .rendered-markdown a:hover {
-      text-decoration: underline;
+      text-decoration-color: currentColor;
     }
 
     .rendered-markdown a.uri,
     .rendered-markdown .uri {
-      color: var(--md-link-url);
+      color: var(--studio-link-url, var(--studio-link, var(--md-link-url)));
+      font-weight: 500;
     }
 
     .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,20 @@ 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 linkText = blendColors(style.palette.text, style.palette.mdLink, style.mode === "light" ? 0.62 : 0.58);
+	const linkUrlText = blendColors(linkText, style.palette.mdLinkUrl, style.mode === "light" ? 0.22 : 0.18);
+	const linkDecoration = withAlpha(
+		linkText,
+		style.mode === "light" ? 0.42 : 0.50,
+		style.mode === "light" ? "rgba(84, 125, 167, 0.42)" : "rgba(129, 162, 190, 0.50)",
+	);
+	const listMarkerText = blendColors(markdownMarkerText, style.palette.mdListBullet, style.mode === "light" ? 0.46 : 0.42);
 	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 +6296,13 @@ 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,
+		"--studio-link": linkText,
+		"--studio-link-url": linkUrlText,
+		"--studio-link-decoration": linkDecoration,
+		"--studio-list-marker-text": listMarkerText,
 		"--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.8",
   "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",

package/themes/pi-studio-light.json

@@ -2,9 +2,9 @@
   "$schema": "https://raw.githubusercontent.com/badlogic/pi-mono/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
   "name": "pi-studio-light",
   "vars": {
-    "bg": "#ffffff",
-    "surface": "#f6f8fa",
-    "surfaceAlt": "#ffffff",
+    "bg": "#f7f8fa",
+    "surface": "#fbfcfd",
+    "surfaceAlt": "#f2f4f7",
     "border": "#d0d7de",
     "borderMuted": "#eaeef2",
     "fg": "#0e1116",
@@ -70,8 +70,8 @@
     "bashMode": "success"
   },
   "export": {
-    "pageBg": "#ffffff",
-    "cardBg": "#f6f8fa",
+    "pageBg": "#f7f8fa",
+    "cardBg": "#fbfcfd",
     "infoBg": "#f3ecf8"
   }
 }