dsh-coding-subscription-oauth 0.5.6 → 0.5.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dsh-coding-subscription-oauth",
   "description": "DeepSeek Harness coding-subscription OAuth: SuperGrok/Grok Build, ChatGPT Plus Codex, Kimi Code, Claude Code. Fixes AUTH API key is invalid, INVALID_REPLAY_STATE, grok-4.6 xhigh, Kimi Bearer vs x-api-key.",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"

package/src/client/components/ProgressBar.tsx

@@ -11,7 +11,7 @@ export interface ProgressBarProps {
 
 function barColor(percent: number): string {
 	if (percent >= 90) return "var(--dsw-alias-state-error-primary, #d92d20)";
-	if (percent >= 75) return "var(--dsw-alias-state-warning-primary, #e06c00)";
+	if (percent >= 75) return "var(--dsw-alias-state-warn-primary, #e06c00)";
 	return "var(--dsw-alias-brand-primary, #1677ff)";
 }
 

package/src/client/components/ToggleSwitch.tsx

@@ -19,7 +19,7 @@ const trackStyle = (checked: boolean, disabled: boolean): CSSProperties => ({
 	borderRadius: 11,
 	flex: "0 0 auto",
 	background: checked
-		? "var(--dsw-alias-brand-primary, #315fc7)"
+		? "var(--dsw-alias-button-primary-fill)"
 		: "var(--dsw-alias-border-l4, rgba(127, 127, 127, 0.45))",
 	opacity: disabled ? 0.5 : 1,
 	cursor: disabled ? "not-allowed" : "pointer",
@@ -35,7 +35,9 @@ const thumbStyle = (checked: boolean): CSSProperties => ({
 	width: 18,
 	height: 18,
 	borderRadius: "50%",
-	background: "#ffffff",
+	// Match DSH primary fill/foreground pairing so the thumb stays visible when
+	// dark theme inverts brand-primary to near-white.
+	background: checked ? "var(--dsw-alias-label-primary-foreground)" : "var(--dsw-alias-button-elevated-fill, #ffffff)",
 	boxShadow: "0 1px 3px rgba(0, 0, 0, 0.25)",
 	transition: TRANSITION,
 });

package/src/client/constants.ts

@@ -203,4 +203,4 @@ export const CONSUMED_PREVIEW_CODES = new Set([
 	"unsafe_destination",
 ]);
 
-export const PLUGIN_VERSION = "0.5.6";
+export const PLUGIN_VERSION = "0.5.7";

package/src/client/styles.ts

@@ -61,9 +61,11 @@ export const buttonStyle: CSSProperties = {
 };
 export const primaryButtonStyle: CSSProperties = {
 	...buttonStyle,
-	borderColor: "var(--dsw-alias-brand-primary, #315fc7)",
-	background: "var(--dsw-alias-brand-primary, #315fc7)",
-	color: "#ffffff",
+	// DSH dark theme flips brand-primary to near-white; use the button/foreground
+	// pair so primary CTAs stay readable in both light and dark mode.
+	border: "none",
+	background: "var(--dsw-alias-button-primary-fill)",
+	color: "var(--dsw-alias-label-primary-foreground)",
 	boxShadow: "0 1px 3px rgba(0, 0, 0, 0.28)",
 	fontWeight: 600,
 };
@@ -234,9 +236,9 @@ export const stepNumberStyle: CSSProperties = {
 };
 export const stepNumberActiveStyle: CSSProperties = {
 	...stepNumberStyle,
-	background: "var(--dsw-alias-brand-primary, #315fc7)",
-	borderColor: "var(--dsw-alias-brand-primary, #315fc7)",
-	color: "#ffffff",
+	background: "var(--dsw-alias-button-primary-fill)",
+	borderColor: "var(--dsw-alias-button-primary-fill)",
+	color: "var(--dsw-alias-label-primary-foreground)",
 };
 
 export type StatusTone = "success" | "error" | "warning" | "info" | "neutral";
@@ -248,11 +250,15 @@ export function statusToneColor(tone: StatusTone): string {
 		case "error":
 			return "var(--dsw-alias-state-error-primary, #d92d20)";
 		case "warning":
-			return "var(--dsw-alias-state-warning-primary, #e06c00)";
+			// DSH token is `state-warn-*` (not `state-warning-*`).
+			return "var(--dsw-alias-state-warn-primary, #e06c00)";
 		case "info":
+			// Accent/text color (not a solid fill + white text pair).
 			return "var(--dsw-alias-brand-primary, #1677ff)";
 		default:
-			return "var(--dsw-alias-label-dimmed, #9aa0a6)";
+			// Prefer tertiary over dimmed: dimmed is near-invisible on light cards
+			// and too dark on dark cards.
+			return "var(--dsw-alias-label-tertiary, #81858c)";
 	}
 }
 
@@ -279,14 +285,14 @@ export function dotStyle(
 	installed = true,
 ): CSSProperties {
 	const color = !installed
-		? "var(--dsw-alias-label-dimmed, #9aa0a6)"
+		? "var(--dsw-alias-label-tertiary, #81858c)"
 		: status === "signed-in" || status === "available"
 			? "var(--dsw-alias-state-success-primary, #22a06b)"
 			: status === "error"
 				? "var(--dsw-alias-state-error-primary, #d92d20)"
 				: status === "signing-in" || status === "loading"
 					? "var(--dsw-alias-brand-primary, #1677ff)"
-					: "var(--dsw-alias-label-dimmed, #9aa0a6)";
+					: "var(--dsw-alias-label-tertiary, #81858c)";
 	return { width: 9, height: 9, borderRadius: "50%", flex: "0 0 auto", background: color };
 }