@carlesandres/house 0.3.0

package/src/theme/themes/zenburn.json

@@ -0,0 +1,176 @@
+{
+	"defs": {
+		"bg": "#3f3f3f",
+		"bgAlt": "#4f4f4f",
+		"bgPanel": "#5f5f5f",
+		"fg": "#dcdccc",
+		"fgMuted": "#9f9f9f",
+		"red": "#cc9393",
+		"redBright": "#dca3a3",
+		"green": "#7f9f7f",
+		"greenBright": "#8fb28f",
+		"yellow": "#f0dfaf",
+		"yellowDim": "#e0cf9f",
+		"blue": "#8cd0d3",
+		"blueDim": "#7cb8bb",
+		"magenta": "#dc8cc3",
+		"cyan": "#93e0e3",
+		"orange": "#dfaf8f"
+	},
+	"theme": {
+		"primary": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"secondary": {
+			"dark": "magenta",
+			"light": "#8f5f8f"
+		},
+		"accent": {
+			"dark": "cyan",
+			"light": "#5f8f8f"
+		},
+		"error": {
+			"dark": "red",
+			"light": "#8f5f5f"
+		},
+		"warning": {
+			"dark": "yellow",
+			"light": "#8f8f5f"
+		},
+		"success": {
+			"dark": "green",
+			"light": "#5f8f5f"
+		},
+		"info": {
+			"dark": "orange",
+			"light": "#8f7f5f"
+		},
+		"text": {
+			"dark": "fg",
+			"light": "#3f3f3f"
+		},
+		"textMuted": {
+			"dark": "fgMuted",
+			"light": "#6f6f6f"
+		},
+		"background": {
+			"dark": "bg",
+			"light": "#ffffef"
+		},
+		"backgroundPanel": {
+			"dark": "bgAlt",
+			"light": "#f5f5e5"
+		},
+		"backgroundElement": {
+			"dark": "bgPanel",
+			"light": "#ebebdb"
+		},
+		"border": {
+			"dark": "#5f5f5f",
+			"light": "#d0d0c0"
+		},
+		"borderActive": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"borderSubtle": {
+			"dark": "#4f4f4f",
+			"light": "#e0e0d0"
+		},
+		"markdownText": {
+			"dark": "fg",
+			"light": "#3f3f3f"
+		},
+		"markdownHeading": {
+			"dark": "yellow",
+			"light": "#8f8f5f"
+		},
+		"markdownLink": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"markdownLinkText": {
+			"dark": "cyan",
+			"light": "#5f8f8f"
+		},
+		"markdownCode": {
+			"dark": "green",
+			"light": "#5f8f5f"
+		},
+		"markdownBlockQuote": {
+			"dark": "fgMuted",
+			"light": "#6f6f6f"
+		},
+		"markdownEmph": {
+			"dark": "yellowDim",
+			"light": "#8f8f5f"
+		},
+		"markdownStrong": {
+			"dark": "orange",
+			"light": "#8f7f5f"
+		},
+		"markdownHorizontalRule": {
+			"dark": "fgMuted",
+			"light": "#6f6f6f"
+		},
+		"markdownListItem": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"markdownListEnumeration": {
+			"dark": "cyan",
+			"light": "#5f8f8f"
+		},
+		"markdownImage": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"markdownImageText": {
+			"dark": "cyan",
+			"light": "#5f8f8f"
+		},
+		"markdownCodeBlock": {
+			"dark": "fg",
+			"light": "#3f3f3f"
+		},
+		"syntaxComment": {
+			"dark": "#7f9f7f",
+			"light": "#5f7f5f"
+		},
+		"syntaxKeyword": {
+			"dark": "yellow",
+			"light": "#8f8f5f"
+		},
+		"syntaxFunction": {
+			"dark": "blue",
+			"light": "#5f7f8f"
+		},
+		"syntaxVariable": {
+			"dark": "fg",
+			"light": "#3f3f3f"
+		},
+		"syntaxString": {
+			"dark": "red",
+			"light": "#8f5f5f"
+		},
+		"syntaxNumber": {
+			"dark": "greenBright",
+			"light": "#5f8f5f"
+		},
+		"syntaxType": {
+			"dark": "cyan",
+			"light": "#5f8f8f"
+		},
+		"syntaxOperator": {
+			"dark": "yellow",
+			"light": "#8f8f5f"
+		},
+		"syntaxPunctuation": {
+			"dark": "fg",
+			"light": "#3f3f3f"
+		}
+	},
+	"name": "Zenburn",
+	"$schema": "../../../schema/house-theme.schema.json"
+}

package/src/theme/types.ts

@@ -0,0 +1,109 @@
+import type { StyleDefinitionInput } from "@opentui/core"
+
+export type HexColor = `#${string}`
+export type RefName = string
+
+/**
+ * A token's value. Either a literal hex (`"#abcdef"`), a reference to an
+ * entry in the theme's `defs` block (`"nord8"`), or a `{dark, light}`
+ * variant where each side is itself a hex or a defs ref.
+ */
+export type ColorValue = HexColor | RefName | { readonly dark: string; readonly light: string }
+
+/** Light or dark mode selector. Each theme JSON pairs both. */
+export type Tone = "dark" | "light"
+
+/**
+ * The complete house token surface. Adapted from opencode's TUI theme
+ * (see reference/opencode/.../tui/context/theme/) by dropping the `diff*`
+ * cluster, `backgroundMenu`, and `thinkingOpacity` (none of which are
+ * reachable in a markdown reader).
+ */
+export interface ThemeTokens {
+	// UI semantics
+	readonly primary: ColorValue
+	readonly secondary: ColorValue
+	readonly accent: ColorValue
+	readonly error: ColorValue
+	readonly warning: ColorValue
+	readonly success: ColorValue
+	readonly info: ColorValue
+	readonly text: ColorValue
+	readonly textMuted: ColorValue
+	readonly selectedListItemText?: ColorValue
+	readonly background: ColorValue
+	readonly backgroundPanel: ColorValue
+	readonly backgroundElement: ColorValue
+	readonly border: ColorValue
+	readonly borderActive: ColorValue
+	readonly borderSubtle: ColorValue
+	// Markdown rendering
+	readonly markdownText: ColorValue
+	readonly markdownHeading: ColorValue
+	readonly markdownLink: ColorValue
+	readonly markdownLinkText: ColorValue
+	readonly markdownCode: ColorValue
+	readonly markdownBlockQuote: ColorValue
+	readonly markdownEmph: ColorValue
+	readonly markdownStrong: ColorValue
+	readonly markdownHorizontalRule: ColorValue
+	readonly markdownListItem: ColorValue
+	readonly markdownListEnumeration: ColorValue
+	readonly markdownImage: ColorValue
+	readonly markdownImageText: ColorValue
+	readonly markdownCodeBlock: ColorValue
+	// Fenced-code syntax
+	readonly syntaxComment: ColorValue
+	readonly syntaxKeyword: ColorValue
+	readonly syntaxFunction: ColorValue
+	readonly syntaxVariable: ColorValue
+	readonly syntaxString: ColorValue
+	readonly syntaxNumber: ColorValue
+	readonly syntaxType: ColorValue
+	readonly syntaxOperator: ColorValue
+	readonly syntaxPunctuation: ColorValue
+}
+
+/** Raw on-disk shape for a theme JSON file. */
+export interface ThemeJson {
+	readonly $schema?: string
+	readonly name?: string
+	readonly defs?: Record<string, string>
+	readonly theme: Partial<ThemeTokens>
+}
+
+/** Token names that consumers may reference. */
+export type TokenName = keyof ThemeTokens
+
+/**
+ * Flat record after `resolveTheme`: every token has a concrete `#rrggbb`
+ * value with the requested tone applied and defs refs resolved.
+ */
+export type ResolvedTheme = Readonly<Record<TokenName, HexColor>>
+
+/**
+ * The flat color object consumed by Browser/HelpOverlay/index. Keeps the
+ * existing names (`background`, `surface`, `text`, `syntax`, …) so the
+ * UI files don't all have to change. Values come from
+ * `colors.ts`'s adapter, which maps `ResolvedTheme` → this shape.
+ */
+export interface ColorPalette {
+	readonly background: string
+	readonly surface: string
+	readonly text: string
+	readonly textStrong: string
+	readonly textMuted: string
+	readonly border: string
+	readonly borderActive: string
+	readonly selectedBg: string
+	readonly selectedBgInactive: string
+	readonly error: string
+	readonly syntax: Record<string, StyleDefinitionInput>
+}
+
+/** Registry entry for a theme; what the loader returns. */
+export interface ThemeDefinition {
+	readonly id: string
+	readonly name: string
+	readonly source: ThemeJson
+}