pi-studio 0.6.7 → 0.6.8

package/CHANGELOG.md

@@ -4,6 +4,12 @@ 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

package/client/studio.css

@@ -436,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 {
@@ -796,7 +796,7 @@
     }
 
     .hl-list {
-      color: var(--md-list-bullet);
+      color: var(--studio-list-marker-text, var(--md-list-bullet));
       font-weight: 600;
     }
 
@@ -807,12 +807,15 @@
     }
 
     .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 {
@@ -1020,21 +1023,25 @@
     }
 
     .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 {

package/index.ts

@@ -6213,6 +6213,14 @@ function buildThemeCssVars(style: StudioThemeStyle): Record<string, string> {
 	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(
 		quoteBorder,
 		style.mode === "light" ? 0.10 : 0.15,
@@ -6291,6 +6299,10 @@ function buildThemeCssVars(style: StudioThemeStyle): Record<string, string> {
 		"--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.7",
+  "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"
   }
 }