dsh-dracula-theme 0.1.3 → 0.1.5

package/lib/client.js

@@ -123,7 +123,7 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-bg-layer-2": "#2e3040",
 		    "--dsw-alias-bg-layer-3": "#44475a",
 		    "--dsw-alias-bg-module-platform": "#44475a",
-		    "--dsw-alias-bg-overlay": "#44475a",
+		    "--dsw-alias-bg-overlay": "#343746",
 		    "--dsw-alias-bg-multi-select": "#44475a",
 		    "--dsw-alias-bg-skeleton": "rgba(248, 248, 242, 0.05)",
 		    "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.45)",
@@ -144,11 +144,11 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-brand-text": "#8be9fd",
 		    "--dsw-alias-button-contrast-fill": "#282a36",
 		    "--dsw-alias-button-elevated-fill": "#2e3040",
-		    "--dsw-alias-button-floating-fill": "#44475a",
-		    "--dsw-alias-button-floating-hover": "#6272a4",
+		    "--dsw-alias-button-floating-fill": "#343746",
+		    "--dsw-alias-button-floating-hover": "#424450",
 		    "--dsw-alias-button-ghost-active-border": "#6272a4",
 		    "--dsw-alias-button-ghost-active-fill": "#2e3040",
-		    "--dsw-alias-button-ghost-active-hover": "#44475a",
+		    "--dsw-alias-button-ghost-active-hover": "#353747",
 		    "--dsw-alias-button-info-fill": "#bd93f9",
 		    "--dsw-alias-button-info-hover": "#5a3e99",
 		    "--dsw-alias-button-primary-dimmed": "#7a5abf",
@@ -161,7 +161,7 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-interactive-bg-hover": "rgba(248, 248, 242, 0.08)",
 		    "--dsw-alias-interactive-bg-hover-accent": "rgba(189, 147, 249, 0.16)",
 		    "--dsw-alias-interactive-bg-hover-danger": "rgba(255, 85, 85, 0.14)",
-		    "--dsw-alias-interactive-bg-hover-solid": "#44475a",
+		    "--dsw-alias-interactive-bg-hover-solid": "#353747",
 		    "--dsw-alias-label-caption": "#6272a4",
 		    "--dsw-alias-label-dimmed": "#7b8fc4",
 		    "--dsw-alias-label-primary": "#f8f8f2",
@@ -196,13 +196,13 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-state-warn-secondary": "rgba(255, 184, 108, 0.16)",
 		    "--dsw-alias-state-warn-tertiary": "rgba(255, 184, 108, 0.1)",
 		    "--dsw-alias-toast-bg": "#2e3040",
-		    "--dsw-alias-tooltip-bg": "#44475a",
+		    "--dsw-alias-tooltip-bg": "#343746",
 		    "--dsw-specific-sidebar-fill": "#282a36",
-		    "--dsw-specific-sidebar-nav-item-active": "#44475a",
+		    "--dsw-specific-sidebar-nav-item-active": "#353747",
 		    "--dsw-specific-sidebar-nav-item-active-accent": "rgba(189, 147, 249, 0.25)",
 		    "--dsw-specific-sidebar-nav-item-hover": "#2e3040",
 		    "--dsw-specific-bubble": "#2e3040",
-		    "--dsw-specific-bubble-highlight": "#44475a",
+		    "--dsw-specific-bubble-highlight": "#353747",
 		    "--dsw-specific-input-major": "#282a36",
 		    "--dsw-specific-login-input": "#282a36",
 		    "--dsw-specific-menu": "#2e3040",
@@ -212,13 +212,13 @@ window.__ModuleLoader__.load({
 		    "--shiki-background": "#282a36",
 		    "--shiki-token-comment": "#6272a4",
 		    "--shiki-token-punctuation": "#f8f8f2",
-		    "--shiki-token-constant": "#f1fa8c",
+		    "--shiki-token-constant": "#ffb86c",
 		    "--shiki-token-string": "#f1fa8c",
 		    "--shiki-token-string-expression": "#f1fa8c",
-		    "--shiki-token-inserted": "#f1fa8c",
-		    "--shiki-token-link": "#f1fa8c",
+		    "--shiki-token-inserted": "#50fa7b",
+		    "--shiki-token-link": "#8be9fd",
 		    "--shiki-token-keyword": "#ff79c6",
-		    "--shiki-token-parameter": "#8be9fd",
+		    "--shiki-token-parameter": "#f8f8f2",
 		    "--shiki-token-function": "#50fa7b",
 		    "--shiki-token-deleted": "#ff5555",
 		    "--shiki-token-changed": "#ffb86c",
@@ -311,7 +311,7 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-bg-layer-2": "#343746",
 		    "--dsw-alias-bg-layer-3": "#44475a",
 		    "--dsw-alias-bg-module-platform": "#44475a",
-		    "--dsw-alias-bg-overlay": "#44475a",
+		    "--dsw-alias-bg-overlay": "#393c4c",
 		    "--dsw-alias-bg-multi-select": "#44475a",
 		    "--dsw-alias-bg-skeleton": "rgba(248, 248, 242, 0.05)",
 		    "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.45)",
@@ -332,8 +332,8 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-brand-text": "#8be9fd",
 		    "--dsw-alias-button-contrast-fill": "#282a36",
 		    "--dsw-alias-button-elevated-fill": "#343746",
-		    "--dsw-alias-button-floating-fill": "#44475a",
-		    "--dsw-alias-button-floating-hover": "#59658e",
+		    "--dsw-alias-button-floating-fill": "#393c4c",
+		    "--dsw-alias-button-floating-hover": "#434553",
 		    "--dsw-alias-button-ghost-active-border": "#6272a4",
 		    "--dsw-alias-button-ghost-active-fill": "#343746",
 		    "--dsw-alias-button-ghost-active-hover": "#44475a",
@@ -349,7 +349,7 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-interactive-bg-hover": "rgba(248, 248, 242, 0.08)",
 		    "--dsw-alias-interactive-bg-hover-accent": "rgba(189, 147, 249, 0.16)",
 		    "--dsw-alias-interactive-bg-hover-danger": "rgba(255, 85, 85, 0.14)",
-		    "--dsw-alias-interactive-bg-hover-solid": "#59658e",
+		    "--dsw-alias-interactive-bg-hover-solid": "#3a3c4d",
 		    "--dsw-alias-label-caption": "#6272a4",
 		    "--dsw-alias-label-dimmed": "#7b8fc4",
 		    "--dsw-alias-label-primary": "#f8f8f2",
@@ -384,13 +384,13 @@ window.__ModuleLoader__.load({
 		    "--dsw-alias-state-warn-secondary": "rgba(255, 184, 108, 0.16)",
 		    "--dsw-alias-state-warn-tertiary": "rgba(255, 184, 108, 0.1)",
 		    "--dsw-alias-toast-bg": "#343746",
-		    "--dsw-alias-tooltip-bg": "#44475a",
+		    "--dsw-alias-tooltip-bg": "#393c4c",
 		    "--dsw-specific-sidebar-fill": "#2b2d3a",
-		    "--dsw-specific-sidebar-nav-item-active": "#44475a",
+		    "--dsw-specific-sidebar-nav-item-active": "#3a3c4d",
 		    "--dsw-specific-sidebar-nav-item-active-accent": "rgba(189, 147, 249, 0.25)",
 		    "--dsw-specific-sidebar-nav-item-hover": "#343746",
 		    "--dsw-specific-bubble": "#343746",
-		    "--dsw-specific-bubble-highlight": "#44475a",
+		    "--dsw-specific-bubble-highlight": "#3a3c4d",
 		    "--dsw-specific-input-major": "#2b2d3a",
 		    "--dsw-specific-login-input": "#2b2d3a",
 		    "--dsw-specific-menu": "#343746",
@@ -400,13 +400,13 @@ window.__ModuleLoader__.load({
 		    "--shiki-background": "#282a36",
 		    "--shiki-token-comment": "#6272a4",
 		    "--shiki-token-punctuation": "#f8f8f2",
-		    "--shiki-token-constant": "#f1fa8c",
+		    "--shiki-token-constant": "#ffb86c",
 		    "--shiki-token-string": "#f1fa8c",
 		    "--shiki-token-string-expression": "#f1fa8c",
-		    "--shiki-token-inserted": "#f1fa8c",
-		    "--shiki-token-link": "#f1fa8c",
+		    "--shiki-token-inserted": "#50fa7b",
+		    "--shiki-token-link": "#8be9fd",
 		    "--shiki-token-keyword": "#ff79c6",
-		    "--shiki-token-parameter": "#8be9fd",
+		    "--shiki-token-parameter": "#f8f8f2",
 		    "--shiki-token-function": "#50fa7b",
 		    "--shiki-token-deleted": "#ff5555",
 		    "--shiki-token-changed": "#ffb86c",
@@ -773,6 +773,12 @@ window.__ModuleLoader__.load({
 			const boost = (selector) =>
 				selector.split(",").map((part) => `${part.trim()}:not(#dsh-dracula-theme)`).join(",");
 			const SURFACE_RULES = [
+				// Official spec: text selection is #44475A. Plain element-level
+				// rule — the :not() boost is invalid on pseudo-elements.
+				[
+					"::selection",
+					"  background: #44475a;"
+				],
 				[
 					"[class$=\"_userStack\"] [class$=\"_bubble\"]",
 					"  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 30%, var(--dsw-alias-bg-layer-2));"
@@ -799,51 +805,59 @@ window.__ModuleLoader__.load({
 				style.remove();
 			}, "dsh-dracula-theme: surface tint lifecycle");
 
-			// Restore the saved skin against the boot adoption storm. The
-			// ThemeService adopts its durable built-in preference
-			// ("light"/"dark"/"system") from the Host settings scope
-			// asynchronously after boot; every adoption emits theme/change
-			// with a built-in preference that overwrites a third-party one.
-			// In slower boot paths — the desktop client's RPC bridge emits
-			// more, later sync events — a fixed retry budget (a handful of
-			// tries within a few seconds) can be exhausted and the theme
-			// silently reverts to default. So instead of a time-boxed guard
-			// we stay armed while the storm is active: re-assert the saved
-			// skin on every built-in revert, and only yield to user actions
-			// once the preference has rested on the saved skin for a quiet
-			// period with no further adoption events.
+			// Restore the saved skin and hold it against the theme runtime's
+			// built-in preference. The ThemeService adopts its durable
+			// built-in preference ("light"/"dark"/"system") from the Host
+			// settings scope; every adoption emits theme/change with a
+			// built-in preference that overwrites a third-party one. That can
+			// happen not only in a boot storm, but ANY time the settings
+			// document is re-synced mid-session (another client touching the
+			// shared settings.yaml is enough) — which silently reverts the
+			// UI to the built-in appearance without any user action.
+			//
+			// Strategy: track the last observed durable value. A built-in
+			// preference equal to it is an adoption echo of an unchanged
+			// document → re-assert the saved skin. A different value is a
+			// real user change of the Appearance row (or the first boot
+			// adoption, within a short boot window) — the first sighting
+			// within the boot window re-asserts, any later one is respected
+			// and drops our stored choice, so the user's explicit
+			// appearance choice always wins afterwards.
 			const saved = readSavedSkin();
-			const savedValid = typeof saved === "string" && saved !== DEFAULT_SKIN && SKINS.some((skinDefinition) => skinDefinition.id === saved);
-			let armed = savedValid;
-			let quietTimer;
-			const disarm = () => {
-				armed = false;
-			};
-			const scheduleDisarm = () => {
-				clearTimeout(quietTimer);
-				quietTimer = setTimeout(disarm, 4000);
+			let savedValid = typeof saved === "string" && saved !== DEFAULT_SKIN && SKINS.some((skinDefinition) => skinDefinition.id === saved);
+			let lastSeenDurable = null;
+			const bootUntil = Date.now() + 15000;
+
+			/** Re-assert the saved skin from a fresh task (see the dispatch note below). */
+			const reassertSaved = () => {
+				if (!savedValid) return;
+				setTimeout(() => {
+					const pref = ctx.theme.getTheme().preference;
+					if (pref !== saved) ctx.theme.setTheme(saved);
+				}, 0);
 			};
-			const reassertAgainstAdoption = () => {
-				if (!armed) return;
-				const pref = ctx.theme.getTheme().preference;
-				if (pref === saved) {
-					scheduleDisarm();
+			/** Handle a built-in preference (light/dark/system) sighting. */
+			const considerBuiltin = (pref) => {
+				if (pref === lastSeenDurable) {
+					// Adoption echo: the document was re-synced with the same
+					// durable value. Hold the skin.
+					reassertSaved();
 					return;
 				}
-				if (pref === "light" || pref === "dark" || pref === DEFAULT_SKIN) {
-					// A built-in won — during boot this can only be a scope
-					// adoption (nobody reaches the Appearance row that fast).
-					// Re-assert, then require another quiet period.
-					ctx.theme.setTheme(saved);
-					scheduleDisarm();
+				lastSeenDurable = pref;
+				if (Date.now() <= bootUntil) {
+					// First sighting inside the boot window — the boot
+					// adoption arriving. Restore the saved skin.
+					reassertSaved();
+					return;
 				}
-				// Another third-party theme — the drop-foreign convention
-				// below clears our stored choice instead of fighting.
+				// A durable change after boot is a real user action on the
+				// Appearance row: respect it and drop our stored choice so
+				// later echoes of the same value cannot resurrect the skin.
+				writeSavedSkin(DEFAULT_SKIN);
+				savedValid = false;
 			};
-			reassertAgainstAdoption();
-			ctx.effect(() => () => {
-				clearTimeout(quietTimer);
-			}, "dsh-dracula-theme: boot restore lifecycle");
+			considerBuiltin(ctx.theme.getTheme().preference);
 
 			const skinStore = createSkinStore();
 			let skinBound;
@@ -852,19 +866,18 @@ window.__ModuleLoader__.load({
 			};
 			ctx.on("theme/change", (snapshot) => {
 				syncSkin(snapshot);
+				const pref = snapshot.preference;
+				if (pref === DEFAULT_SKIN || pref === "light" || pref === "dark") {
+					considerBuiltin(pref);
+					return;
+				}
 				// If the preference moved to another plugin's third-party theme,
 				// drop our stored choice so only the last-picked plugin restores
 				// at boot (both plugins must implement this convention).
-				const pref = snapshot.preference;
-				if (pref !== DEFAULT_SKIN && pref !== "light" && pref !== "dark" && !SKINS.some((skinDefinition) => skinDefinition.id === pref)) {
+				if (!SKINS.some((skinDefinition) => skinDefinition.id === pref)) {
 					writeSavedSkin(DEFAULT_SKIN);
+					savedValid = false;
 				}
-				// Re-assert from a fresh task: a re-entrant setTheme inside the
-				// dispatch is missed by other subscribers (ui-layout's
-				// ThemePresenter), so the restored skin would never reach the DOM.
-				setTimeout(() => {
-					reassertAgainstAdoption();
-				}, 0);
 			});
 
 			ctx.effect(() => ctx.locale.register(SETTINGS_NS, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-dracula-theme",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "🧛 Dracula theme for DeepSeek Harness: the classic dark palette (plus the Soft variant) registered into the built-in theme runtime",
   "license": "MIT",
   "author": "ossFrankFrank",

package/themes/dracula-soft.json

@@ -83,7 +83,7 @@
     "--dsw-alias-bg-layer-2": "#343746",
     "--dsw-alias-bg-layer-3": "#44475a",
     "--dsw-alias-bg-module-platform": "#44475a",
-    "--dsw-alias-bg-overlay": "#44475a",
+    "--dsw-alias-bg-overlay": "#393c4c",
     "--dsw-alias-bg-multi-select": "#44475a",
     "--dsw-alias-bg-skeleton": "rgba(248, 248, 242, 0.05)",
     "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.45)",
@@ -104,8 +104,8 @@
     "--dsw-alias-brand-text": "#8be9fd",
     "--dsw-alias-button-contrast-fill": "#282a36",
     "--dsw-alias-button-elevated-fill": "#343746",
-    "--dsw-alias-button-floating-fill": "#44475a",
-    "--dsw-alias-button-floating-hover": "#59658e",
+    "--dsw-alias-button-floating-fill": "#393c4c",
+    "--dsw-alias-button-floating-hover": "#434553",
     "--dsw-alias-button-ghost-active-border": "#6272a4",
     "--dsw-alias-button-ghost-active-fill": "#343746",
     "--dsw-alias-button-ghost-active-hover": "#44475a",
@@ -121,7 +121,7 @@
     "--dsw-alias-interactive-bg-hover": "rgba(248, 248, 242, 0.08)",
     "--dsw-alias-interactive-bg-hover-accent": "rgba(189, 147, 249, 0.16)",
     "--dsw-alias-interactive-bg-hover-danger": "rgba(255, 85, 85, 0.14)",
-    "--dsw-alias-interactive-bg-hover-solid": "#59658e",
+    "--dsw-alias-interactive-bg-hover-solid": "#3a3c4d",
     "--dsw-alias-label-caption": "#6272a4",
     "--dsw-alias-label-dimmed": "#7b8fc4",
     "--dsw-alias-label-primary": "#f8f8f2",
@@ -156,13 +156,13 @@
     "--dsw-alias-state-warn-secondary": "rgba(255, 184, 108, 0.16)",
     "--dsw-alias-state-warn-tertiary": "rgba(255, 184, 108, 0.1)",
     "--dsw-alias-toast-bg": "#343746",
-    "--dsw-alias-tooltip-bg": "#44475a",
+    "--dsw-alias-tooltip-bg": "#393c4c",
     "--dsw-specific-sidebar-fill": "#2b2d3a",
-    "--dsw-specific-sidebar-nav-item-active": "#44475a",
+    "--dsw-specific-sidebar-nav-item-active": "#3a3c4d",
     "--dsw-specific-sidebar-nav-item-active-accent": "rgba(189, 147, 249, 0.25)",
     "--dsw-specific-sidebar-nav-item-hover": "#343746",
     "--dsw-specific-bubble": "#343746",
-    "--dsw-specific-bubble-highlight": "#44475a",
+    "--dsw-specific-bubble-highlight": "#3a3c4d",
     "--dsw-specific-input-major": "#2b2d3a",
     "--dsw-specific-login-input": "#2b2d3a",
     "--dsw-specific-menu": "#343746",
@@ -172,13 +172,13 @@
     "--shiki-background": "#282a36",
     "--shiki-token-comment": "#6272a4",
     "--shiki-token-punctuation": "#f8f8f2",
-    "--shiki-token-constant": "#f1fa8c",
+    "--shiki-token-constant": "#ffb86c",
     "--shiki-token-string": "#f1fa8c",
     "--shiki-token-string-expression": "#f1fa8c",
-    "--shiki-token-inserted": "#f1fa8c",
-    "--shiki-token-link": "#f1fa8c",
+    "--shiki-token-inserted": "#50fa7b",
+    "--shiki-token-link": "#8be9fd",
     "--shiki-token-keyword": "#ff79c6",
-    "--shiki-token-parameter": "#8be9fd",
+    "--shiki-token-parameter": "#f8f8f2",
     "--shiki-token-function": "#50fa7b",
     "--shiki-token-deleted": "#ff5555",
     "--shiki-token-changed": "#ffb86c",

package/themes/dracula.json

@@ -83,7 +83,7 @@
     "--dsw-alias-bg-layer-2": "#2e3040",
     "--dsw-alias-bg-layer-3": "#44475a",
     "--dsw-alias-bg-module-platform": "#44475a",
-    "--dsw-alias-bg-overlay": "#44475a",
+    "--dsw-alias-bg-overlay": "#343746",
     "--dsw-alias-bg-multi-select": "#44475a",
     "--dsw-alias-bg-skeleton": "rgba(248, 248, 242, 0.05)",
     "--dsw-alias-bg-mask-1": "rgba(0, 0, 0, 0.45)",
@@ -104,11 +104,11 @@
     "--dsw-alias-brand-text": "#8be9fd",
     "--dsw-alias-button-contrast-fill": "#282a36",
     "--dsw-alias-button-elevated-fill": "#2e3040",
-    "--dsw-alias-button-floating-fill": "#44475a",
-    "--dsw-alias-button-floating-hover": "#6272a4",
+    "--dsw-alias-button-floating-fill": "#343746",
+    "--dsw-alias-button-floating-hover": "#424450",
     "--dsw-alias-button-ghost-active-border": "#6272a4",
     "--dsw-alias-button-ghost-active-fill": "#2e3040",
-    "--dsw-alias-button-ghost-active-hover": "#44475a",
+    "--dsw-alias-button-ghost-active-hover": "#353747",
     "--dsw-alias-button-info-fill": "#bd93f9",
     "--dsw-alias-button-info-hover": "#5a3e99",
     "--dsw-alias-button-primary-dimmed": "#7a5abf",
@@ -121,7 +121,7 @@
     "--dsw-alias-interactive-bg-hover": "rgba(248, 248, 242, 0.08)",
     "--dsw-alias-interactive-bg-hover-accent": "rgba(189, 147, 249, 0.16)",
     "--dsw-alias-interactive-bg-hover-danger": "rgba(255, 85, 85, 0.14)",
-    "--dsw-alias-interactive-bg-hover-solid": "#44475a",
+    "--dsw-alias-interactive-bg-hover-solid": "#353747",
     "--dsw-alias-label-caption": "#6272a4",
     "--dsw-alias-label-dimmed": "#7b8fc4",
     "--dsw-alias-label-primary": "#f8f8f2",
@@ -156,13 +156,13 @@
     "--dsw-alias-state-warn-secondary": "rgba(255, 184, 108, 0.16)",
     "--dsw-alias-state-warn-tertiary": "rgba(255, 184, 108, 0.1)",
     "--dsw-alias-toast-bg": "#2e3040",
-    "--dsw-alias-tooltip-bg": "#44475a",
+    "--dsw-alias-tooltip-bg": "#343746",
     "--dsw-specific-sidebar-fill": "#282a36",
-    "--dsw-specific-sidebar-nav-item-active": "#44475a",
+    "--dsw-specific-sidebar-nav-item-active": "#353747",
     "--dsw-specific-sidebar-nav-item-active-accent": "rgba(189, 147, 249, 0.25)",
     "--dsw-specific-sidebar-nav-item-hover": "#2e3040",
     "--dsw-specific-bubble": "#2e3040",
-    "--dsw-specific-bubble-highlight": "#44475a",
+    "--dsw-specific-bubble-highlight": "#353747",
     "--dsw-specific-input-major": "#282a36",
     "--dsw-specific-login-input": "#282a36",
     "--dsw-specific-menu": "#2e3040",
@@ -172,13 +172,13 @@
     "--shiki-background": "#282a36",
     "--shiki-token-comment": "#6272a4",
     "--shiki-token-punctuation": "#f8f8f2",
-    "--shiki-token-constant": "#f1fa8c",
+    "--shiki-token-constant": "#ffb86c",
     "--shiki-token-string": "#f1fa8c",
     "--shiki-token-string-expression": "#f1fa8c",
-    "--shiki-token-inserted": "#f1fa8c",
-    "--shiki-token-link": "#f1fa8c",
+    "--shiki-token-inserted": "#50fa7b",
+    "--shiki-token-link": "#8be9fd",
     "--shiki-token-keyword": "#ff79c6",
-    "--shiki-token-parameter": "#8be9fd",
+    "--shiki-token-parameter": "#f8f8f2",
     "--shiki-token-function": "#50fa7b",
     "--shiki-token-deleted": "#ff5555",
     "--shiki-token-changed": "#ffb86c",