@opencode/theme 0.0.0-dev-19788 → 0.0.0-dev-19793

package/dist/tui/schema.js

@@ -4,6 +4,7 @@ export const BaseHue = Schema.Literals(["gray", "red", "orange", "yellow", "gree
 export const HueAlias = Schema.Literals(["accent", "interactive", "neutral"]);
 export const ActionVariant = Schema.Literals(["primary", "secondary", "destructive"]);
 export const ActionState = Schema.Literals(["disabled", "pressed", "focused", "selected", "hovered"]);
+export const SurfaceName = Schema.Literal("dialog");
 export const FormfieldState = ActionState;
 export const FeedbackKind = Schema.Literals(["error", "warning", "success", "info"]);
 const Mode = Schema.Literals(["light", "dark"]);
@@ -16,7 +17,6 @@ const ColorValue = Schema.Union([
 export const HueName = Schema.Union([BaseHue, HueAlias]);
 export const CategoricalDefinition = Schema.Array(HueName).check(Schema.isMinLength(1));
 const HueColorValue = Schema.Union([HexColor, Schema.TemplateLiteral(["$hue.", HueName, ".", HueStep])]);
-const ContextKey = Schema.Literals(["@context:elevated", "@context:overlay"]);
 const HueScaleDefinition = Schema.Record(HueStep, HexColor);
 const HueValueDefinition = Schema.Union([Schema.TemplateLiteral(["$hue.", HueName]), HueScaleDefinition]);
 const HueDefinition = Schema.Struct({
@@ -159,24 +159,21 @@ const ThemeDefinitionFields = Schema.Struct({
     hue: HueDefinition,
     categorical: Schema.optional(CategoricalDefinition),
     ...ThemeTokensDefinition.fields,
-    "@context:elevated": Schema.optional(ThemeTokensDefinition),
-    "@context:overlay": Schema.optional(ThemeTokensDefinition),
+    "@dialog": Schema.optional(ThemeTokensDefinition),
 });
 export const ThemeDefinition = ThemeDefinitionFields;
 const FileThemeDefinition = Schema.Struct({
     hue: Schema.optional(HueOverrideDefinition),
     categorical: Schema.optional(CategoricalDefinition),
     ...ThemeTokensDefinition.fields,
-    "@context:elevated": Schema.optional(ThemeTokensDefinition),
-    "@context:overlay": Schema.optional(ThemeTokensDefinition),
+    "@dialog": Schema.optional(ThemeTokensDefinition),
 });
 const MergeModeDefinition = Schema.Struct({
     mergeMode: Schema.Literal(true),
     hue: Schema.optional(HueOverrideDefinition),
     categorical: Schema.optional(CategoricalDefinition),
     ...ThemeTokensDefinition.fields,
-    "@context:elevated": Schema.optional(ThemeTokensDefinition),
-    "@context:overlay": Schema.optional(ThemeTokensDefinition),
+    "@dialog": Schema.optional(ThemeTokensDefinition),
 });
 export const ModeDefinition = Schema.Union([MergeModeDefinition, FileThemeDefinition]);
 const FileMetadata = {

package/dist/tui/types.d.ts

@@ -1,5 +1,5 @@
 import type { RGBA } from "@opentui/core";
-import type { ActionState, ActionVariant, BaseHue, FeedbackKind, HueAlias, HueStep, MarkdownToken, SyntaxToken } from "./schema.js";
+import type { ActionState, ActionVariant, BaseHue, FeedbackKind, HueAlias, HueStep, MarkdownToken, SurfaceName, SyntaxToken } from "./schema.js";
 export type ResolvedActionState = "default" | ActionState;
 export type ResolvedFormfieldState = ResolvedActionState;
 export type HueScale = Readonly<Record<HueStep, RGBA>>;
@@ -79,7 +79,9 @@ export type ResolvedThemeTokens = {
     readonly syntax: Readonly<Record<SyntaxToken, RGBA>>;
     readonly markdown: Readonly<Record<MarkdownToken, RGBA>>;
 };
-export type ContextName = "elevated" | "overlay";
 export type ResolvedTheme = ResolvedThemeTokens & {
-    readonly contextual: Readonly<Record<ContextName, ResolvedThemeTokens>>;
+    /** Lift a ramp color one step away from the background: lighter in light mode, darker in dark mode. */
+    readonly raise: (color: RGBA) => RGBA;
+    /** The same theme re-resolved on a raised surface. Absolute: every view's surfaces are the base theme's. */
+    readonly surface: (name: SurfaceName) => ResolvedTheme;
 };

package/dist/tui/v1-migrate.js

@@ -160,13 +160,12 @@ function migrateMode(theme, mode) {
             imageText: color("markdownImageText"),
             codeBlock: color("markdownCodeBlock"),
         },
-        "@context:elevated": {
+        "@dialog": {
             background: {
                 default: "$background.raised.base",
                 action: { primary: { $hovered: "$background.raised.high" } },
             },
         },
-        "@context:overlay": { background: { default: "$background.raised.high" } },
     });
 }
 function referenceHues(theme) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package.json",
   "name": "@opencode/theme",
-  "version": "0.0.0-dev-19788",
+  "version": "0.0.0-dev-19793",
   "type": "module",
   "license": "MIT",
   "repository": {