@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/config/theme/light.js

@@ -0,0 +1,122 @@
+import { colors, fonts, radii, shadows } from "./tokens.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/config/theme/light.ts
+/** 亮色主题的颜色（默认值） */
+var lightColors = css.createTheme(colors, {
+	background: "#fcfcfd",
+	surface: "#fcfcfd",
+	surfaceMuted: "#f9f9fb",
+	surfaceRaised: "#fcfcfd",
+	fill: "#f0f0f3",
+	fillHover: "#e8e8ec",
+	fillActive: "#e0e1e6",
+	text: "#1c2024",
+	textMuted: "#60646c",
+	textPlaceholder: "#80838d",
+	textDisabled: "#b9bbc6",
+	borderMuted: "#d9d9e0",
+	border: "#cdced6",
+	borderStrong: "#b9bbc6",
+	accent: "#3e63dd",
+	accentHover: "#3358d4",
+	accentContrast: "#ffffff",
+	accentText: "#3a5bc7",
+	accentSoft: "#edf2fe",
+	accentSoftHover: "#e1e9ff",
+	accentBorder: "#abbdf9",
+	danger: "#ce2c31",
+	dangerHover: "#b8272c",
+	dangerContrast: "#ffffff",
+	dangerText: "#b8272c",
+	dangerSoft: "#feebec",
+	dangerSoftHover: "#ffdbdc",
+	dangerBorder: "#f4a9aa",
+	successText: "#193b2d",
+	successSoft: "#e6f6eb",
+	successBorder: "#8eceaa",
+	success: "#008751",
+	successHover: "#007143",
+	successContrast: "#ffffff",
+	successSoftHover: "#d6f1df",
+	warningText: "#4f3422",
+	warningSoft: "#fff7c2",
+	warningBorder: "#e9c162",
+	warning: "#ffc53d",
+	warningHover: "#ffcd5f",
+	warningContrast: "#4f3422",
+	warningSoftHover: "#ffee9c",
+	infoText: "#113264",
+	infoSoft: "#e6f4fe",
+	infoBorder: "#8ec8f6",
+	info: "#0073e0",
+	infoHover: "#0060bd",
+	infoContrast: "#ffffff",
+	infoSoftHover: "#d5efff",
+	inverseSurface: "#1c2024",
+	inverseText: "#fcfcfd",
+	focusRing: "#3e63dd",
+	overlay: "rgba(0, 0, 0, 0.4)",
+	selection: "#d2deff",
+	highlight: "#ffee9c",
+	surfaceTranslucent: "rgba(252, 252, 253, 0.8)",
+	codeKeyword: "#3a5bc7",
+	codeString: "#1c7a51",
+	codeNumber: "#bb4500",
+	codeFunction: "#6550b9",
+	codeType: "#007590",
+	codeComment: "#60646c",
+	codeTag: "#cb1d63",
+	codeAttribute: "#815e46",
+	codeInserted: "#e6f6eb",
+	codeDeleted: "#feebec",
+	chart1: "#3e63dd",
+	chart2: "#0d9b8a",
+	chart3: "#ef5f00",
+	chart4: "#e93d82",
+	chart5: "#6e56cf",
+	chart6: "#0797b9",
+	chart7: "#3e9b4f",
+	chart8: "#ab6400"
+});
+/** 亮色主题的阴影（默认值） */
+var lightShadows = css.createTheme(shadows, {
+	none: "none",
+	xs: "0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)",
+	sm: "0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)",
+	md: "0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f",
+	lg: "0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f",
+	xl: "0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32"
+});
+/** 默认字体：标题与正文都是无衬线 */
+var defaultFonts = css.createTheme(fonts, {
+	sans: "system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif",
+	mono: "ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace",
+	serif: "\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif",
+	heading: "system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif"
+});
+/** 默认圆角 */
+var defaultRadii = css.createTheme(radii, {
+	none: "0",
+	xs: "0.15em",
+	sm: "0.25em",
+	md: "0.4em",
+	lg: "0.7em",
+	xl: "1em",
+	full: "9999px"
+});
+/** 亮色主题（默认）：即 tokens.ts 里的默认值 */
+var lightTheme = {
+	name: "light",
+	colorScheme: "light",
+	styles: [
+		lightColors,
+		lightShadows,
+		defaultFonts,
+		defaultRadii
+	],
+	overrides: {}
+};
+//#endregion
+export { defaultFonts, defaultRadii, lightColors, lightShadows, lightTheme };
+
+//# sourceMappingURL=light.js.map

package/dist/config/theme/light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"light.js","names":[],"sources":["../../../src/config/theme/light.ts"],"sourcesContent":["import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { Theme } from './theme';\nimport { colors, fonts, radii, shadows } from './tokens';\n\n// 取值与 tokens.ts 的默认值相同（pnpm themes:check 核对）。默认值本来不用再写一遍，但 Provider 套在别的主题里时，\n// 只有显式写出的变量才能盖过外层继承下来的：每套内置主题都写全颜色、阴影、字体、圆角四组，没改的组用这里的默认值。\n/** 亮色主题的颜色（默认值） */\nexport const lightColors = css.createTheme(colors, {\n  background: '#fcfcfd',\n  surface: '#fcfcfd',\n  surfaceMuted: '#f9f9fb',\n  surfaceRaised: '#fcfcfd',\n  fill: '#f0f0f3',\n  fillHover: '#e8e8ec',\n  fillActive: '#e0e1e6',\n  text: '#1c2024',\n  textMuted: '#60646c',\n  textPlaceholder: '#80838d',\n  textDisabled: '#b9bbc6',\n  borderMuted: '#d9d9e0',\n  border: '#cdced6',\n  borderStrong: '#b9bbc6',\n  accent: '#3e63dd',\n  accentHover: '#3358d4',\n  accentContrast: '#ffffff',\n  accentText: '#3a5bc7',\n  accentSoft: '#edf2fe',\n  accentSoftHover: '#e1e9ff',\n  accentBorder: '#abbdf9',\n  danger: '#ce2c31',\n  dangerHover: '#b8272c',\n  dangerContrast: '#ffffff',\n  dangerText: '#b8272c',\n  dangerSoft: '#feebec',\n  dangerSoftHover: '#ffdbdc',\n  dangerBorder: '#f4a9aa',\n  successText: '#193b2d',\n  successSoft: '#e6f6eb',\n  successBorder: '#8eceaa',\n  success: '#008751',\n  successHover: '#007143',\n  successContrast: '#ffffff',\n  successSoftHover: '#d6f1df',\n  warningText: '#4f3422',\n  warningSoft: '#fff7c2',\n  warningBorder: '#e9c162',\n  warning: '#ffc53d',\n  warningHover: '#ffcd5f',\n  warningContrast: '#4f3422',\n  warningSoftHover: '#ffee9c',\n  infoText: '#113264',\n  infoSoft: '#e6f4fe',\n  infoBorder: '#8ec8f6',\n  info: '#0073e0',\n  infoHover: '#0060bd',\n  infoContrast: '#ffffff',\n  infoSoftHover: '#d5efff',\n  inverseSurface: '#1c2024',\n  inverseText: '#fcfcfd',\n  focusRing: '#3e63dd',\n  overlay: 'rgba(0, 0, 0, 0.4)',\n  selection: '#d2deff',\n  highlight: '#ffee9c',\n  surfaceTranslucent: 'rgba(252, 252, 253, 0.8)',\n  codeKeyword: '#3a5bc7',\n  codeString: '#1c7a51',\n  codeNumber: '#bb4500',\n  codeFunction: '#6550b9',\n  codeType: '#007590',\n  codeComment: '#60646c',\n  codeTag: '#cb1d63',\n  codeAttribute: '#815e46',\n  codeInserted: '#e6f6eb',\n  codeDeleted: '#feebec',\n  chart1: '#3e63dd',\n  chart2: '#0d9b8a',\n  chart3: '#ef5f00',\n  chart4: '#e93d82',\n  chart5: '#6e56cf',\n  chart6: '#0797b9',\n  chart7: '#3e9b4f',\n  chart8: '#ab6400',\n});\n\n/** 亮色主题的阴影（默认值） */\nexport const lightShadows = css.createTheme(shadows, {\n  none: 'none',\n  xs: '0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)',\n  sm: '0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)',\n  md: '0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f',\n  lg: '0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f',\n  xl: '0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32',\n});\n\n/** 默认字体：标题与正文都是无衬线 */\nexport const defaultFonts = css.createTheme(fonts, {\n  sans: 'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n  mono: 'ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace',\n  serif: '\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif',\n  heading:\n    'system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif',\n});\n\n/** 默认圆角 */\nexport const defaultRadii = css.createTheme(radii, {\n  none: '0',\n  xs: '0.15em',\n  sm: '0.25em',\n  md: '0.4em',\n  lg: '0.7em',\n  xl: '1em',\n  full: '9999px',\n});\n\n/** 亮色主题（默认）：即 tokens.ts 里的默认值 */\nexport const lightTheme: Theme = {\n  name: 'light',\n  colorScheme: 'light',\n  styles: [lightColors, lightShadows, defaultFonts, defaultRadii],\n  overrides: {},\n};\n"],"mappings":";;;;AAOA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,OAAO;CACjD,MAAM;CACN,MAAM;CACN,OAAO;CACP,SACE;AACJ,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,OAAO;CACjD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAY;CAC9D,WAAW,CAAC;AACd"}

package/dist/config/theme/midnight.d.ts

@@ -0,0 +1,86 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { Theme } from './theme';
+/**
+ * 午夜主题的颜色：深海军蓝的页面、青色的品牌色。
+ * 中性色按 Radix slate 暗色各级的亮度、换成蓝色相（oklch 265°）重新取色，层级用途与 slate 相同；
+ * 品牌色取 Radix cyan 暗色色阶：实色用 8 级（9 级太亮，白字不到 4.5:1，按钮悬停又会混黑加深），
+ * 文字、浅底、边框按常规取 11、3–4、6 级；提示色、代码高亮沿用暗色主题
+ */
+export declare const midnightColors: css.Theme<css.VarGroup<{
+    readonly background: "#fcfcfd";
+    readonly surface: "#fcfcfd";
+    readonly surfaceMuted: "#f9f9fb";
+    readonly surfaceRaised: "#fcfcfd";
+    readonly fill: "#f0f0f3";
+    readonly fillHover: "#e8e8ec";
+    readonly fillActive: "#e0e1e6";
+    readonly text: "#1c2024";
+    readonly textMuted: "#60646c";
+    readonly textPlaceholder: "#80838d";
+    readonly textDisabled: "#b9bbc6";
+    readonly borderMuted: "#d9d9e0";
+    readonly border: "#cdced6";
+    readonly borderStrong: "#b9bbc6";
+    readonly accent: "#3e63dd";
+    readonly accentHover: "#3358d4";
+    readonly accentContrast: "#ffffff";
+    readonly accentText: "#3a5bc7";
+    readonly accentSoft: "#edf2fe";
+    readonly accentSoftHover: "#e1e9ff";
+    readonly accentBorder: "#abbdf9";
+    readonly danger: "#ce2c31";
+    readonly dangerHover: "#b8272c";
+    readonly dangerContrast: "#ffffff";
+    readonly dangerText: "#b8272c";
+    readonly dangerSoft: "#feebec";
+    readonly dangerSoftHover: "#ffdbdc";
+    readonly dangerBorder: "#f4a9aa";
+    readonly successText: "#193b2d";
+    readonly successSoft: "#e6f6eb";
+    readonly successBorder: "#8eceaa";
+    readonly success: "#008751";
+    readonly successHover: "#007143";
+    readonly successContrast: "#ffffff";
+    readonly successSoftHover: "#d6f1df";
+    readonly warningText: "#4f3422";
+    readonly warningSoft: "#fff7c2";
+    readonly warningBorder: "#e9c162";
+    readonly warning: "#ffc53d";
+    readonly warningHover: "#ffcd5f";
+    readonly warningContrast: "#4f3422";
+    readonly warningSoftHover: "#ffee9c";
+    readonly infoText: "#113264";
+    readonly infoSoft: "#e6f4fe";
+    readonly infoBorder: "#8ec8f6";
+    readonly info: "#0073e0";
+    readonly infoHover: "#0060bd";
+    readonly infoContrast: "#ffffff";
+    readonly infoSoftHover: "#d5efff";
+    readonly inverseSurface: "#1c2024";
+    readonly inverseText: "#fcfcfd";
+    readonly focusRing: "#3e63dd";
+    readonly overlay: "rgba(0, 0, 0, 0.4)";
+    readonly selection: "#d2deff";
+    readonly highlight: "#ffee9c";
+    readonly surfaceTranslucent: "rgba(252, 252, 253, 0.8)";
+    readonly codeKeyword: "#3a5bc7";
+    readonly codeString: "#1c7a51";
+    readonly codeNumber: "#bb4500";
+    readonly codeFunction: "#6550b9";
+    readonly codeType: "#007590";
+    readonly codeComment: "#60646c";
+    readonly codeTag: "#cb1d63";
+    readonly codeAttribute: "#815e46";
+    readonly codeInserted: "#e6f6eb";
+    readonly codeDeleted: "#feebec";
+    readonly chart1: "#3e63dd";
+    readonly chart2: "#0d9b8a";
+    readonly chart3: "#ef5f00";
+    readonly chart4: "#e93d82";
+    readonly chart5: "#6e56cf";
+    readonly chart6: "#0797b9";
+    readonly chart7: "#3e9b4f";
+    readonly chart8: "#ab6400";
+}>>;
+/** 午夜主题：深海军蓝底、青色品牌色；阴影同暗色主题，浏览器配色按暗色 */
+export declare const midnightTheme: Theme;

package/dist/config/theme/midnight.js

@@ -0,0 +1,103 @@
+import { colors } from "./tokens.js";
+import { defaultFonts, defaultRadii } from "./light.js";
+import { darkShadows } from "./dark.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/config/theme/midnight.ts
+/**
+* 午夜主题的颜色：深海军蓝的页面、青色的品牌色。
+* 中性色按 Radix slate 暗色各级的亮度、换成蓝色相（oklch 265°）重新取色，层级用途与 slate 相同；
+* 品牌色取 Radix cyan 暗色色阶：实色用 8 级（9 级太亮，白字不到 4.5:1，按钮悬停又会混黑加深），
+* 文字、浅底、边框按常规取 11、3–4、6 级；提示色、代码高亮沿用暗色主题
+*/
+var midnightColors = css.createTheme(colors, {
+	background: "#0d1321",
+	surface: "#131b2c",
+	surfaceMuted: "#131b2c",
+	surfaceRaised: "#131b2c",
+	fill: "#1b2539",
+	fillHover: "#212c43",
+	fillActive: "#28334d",
+	text: "#eef2fa",
+	textMuted: "#aeb8cb",
+	textPlaceholder: "#737f97",
+	textDisabled: "#566381",
+	borderMuted: "#303c57",
+	border: "#3d4a67",
+	borderStrong: "#566381",
+	accent: "#11809c",
+	accentHover: "#12677e",
+	accentContrast: "#ffffff",
+	accentText: "#4ccce6",
+	accentSoft: "#082c36",
+	accentSoftHover: "#003848",
+	accentBorder: "#045468",
+	danger: "#b54548",
+	dangerHover: "#a33b3e",
+	dangerContrast: "#ffffff",
+	dangerText: "#ff9592",
+	dangerSoft: "#3b1219",
+	dangerSoftHover: "#500f1c",
+	dangerBorder: "#8c333a",
+	successText: "#3dd68c",
+	successSoft: "#132d21",
+	successBorder: "#28684a",
+	success: "#30a46c",
+	successHover: "#52af7d",
+	successContrast: "#0d1321",
+	successSoftHover: "#113b29",
+	warningText: "#ffca16",
+	warningSoft: "#302008",
+	warningBorder: "#714f19",
+	warning: "#ffc53d",
+	warningHover: "#ffcd5f",
+	warningContrast: "#0d1321",
+	warningSoftHover: "#3f2700",
+	infoText: "#70b8ff",
+	infoSoft: "#0d2847",
+	infoBorder: "#205d9e",
+	info: "#0090ff",
+	infoHover: "#3d9fff",
+	infoContrast: "#0d1321",
+	infoSoftHover: "#003362",
+	inverseSurface: "#eef2fa",
+	inverseText: "#0d1321",
+	focusRing: "#11809c",
+	overlay: "rgba(3, 6, 15, 0.65)",
+	selection: "#004558",
+	highlight: "#3f2700",
+	surfaceTranslucent: "rgba(13, 19, 33, 0.8)",
+	codeKeyword: "#4ccce6",
+	codeString: "#3dd68c",
+	codeNumber: "#ffa057",
+	codeFunction: "#baa7ff",
+	codeType: "#9eb1ff",
+	codeComment: "#aeb8cb",
+	codeTag: "#ff92ad",
+	codeAttribute: "#dbb594",
+	codeInserted: "#132d21",
+	codeDeleted: "#3b1219",
+	chart1: "#11809c",
+	chart2: "#6e56cf",
+	chart3: "#f76b15",
+	chart4: "#e93d82",
+	chart5: "#3e63dd",
+	chart6: "#12a594",
+	chart7: "#46a758",
+	chart8: "#ffc53d"
+});
+/** 午夜主题：深海军蓝底、青色品牌色；阴影同暗色主题，浏览器配色按暗色 */
+var midnightTheme = {
+	name: "midnight",
+	colorScheme: "dark",
+	styles: [
+		midnightColors,
+		darkShadows,
+		defaultFonts,
+		defaultRadii
+	],
+	overrides: {}
+};
+//#endregion
+export { midnightColors, midnightTheme };
+
+//# sourceMappingURL=midnight.js.map

package/dist/config/theme/midnight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"midnight.js","names":[],"sources":["../../../src/config/theme/midnight.ts"],"sourcesContent":["import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { darkShadows } from './dark';\nimport { defaultFonts, defaultRadii } from './light';\nimport type { Theme } from './theme';\nimport { colors } from './tokens';\n\n/**\n * 午夜主题的颜色：深海军蓝的页面、青色的品牌色。\n * 中性色按 Radix slate 暗色各级的亮度、换成蓝色相（oklch 265°）重新取色，层级用途与 slate 相同；\n * 品牌色取 Radix cyan 暗色色阶：实色用 8 级（9 级太亮，白字不到 4.5:1，按钮悬停又会混黑加深），\n * 文字、浅底、边框按常规取 11、3–4、6 级；提示色、代码高亮沿用暗色主题\n */\nexport const midnightColors = css.createTheme(colors, {\n  background: '#0d1321',\n  surface: '#131b2c',\n  surfaceMuted: '#131b2c',\n  surfaceRaised: '#131b2c',\n  fill: '#1b2539',\n  fillHover: '#212c43',\n  fillActive: '#28334d',\n  text: '#eef2fa',\n  textMuted: '#aeb8cb',\n  textPlaceholder: '#737f97',\n  textDisabled: '#566381',\n  borderMuted: '#303c57',\n  border: '#3d4a67',\n  borderStrong: '#566381',\n  accent: '#11809c',\n  accentHover: '#12677e',\n  accentContrast: '#ffffff',\n  accentText: '#4ccce6',\n  accentSoft: '#082c36',\n  accentSoftHover: '#003848',\n  accentBorder: '#045468',\n  danger: '#b54548',\n  dangerHover: '#a33b3e',\n  dangerContrast: '#ffffff',\n  dangerText: '#ff9592',\n  dangerSoft: '#3b1219',\n  dangerSoftHover: '#500f1c',\n  dangerBorder: '#8c333a',\n  successText: '#3dd68c',\n  successSoft: '#132d21',\n  successBorder: '#28684a',\n  success: '#30a46c',\n  successHover: '#52af7d',\n  successContrast: '#0d1321',\n  successSoftHover: '#113b29',\n  warningText: '#ffca16',\n  warningSoft: '#302008',\n  warningBorder: '#714f19',\n  warning: '#ffc53d',\n  warningHover: '#ffcd5f',\n  warningContrast: '#0d1321',\n  warningSoftHover: '#3f2700',\n  infoText: '#70b8ff',\n  infoSoft: '#0d2847',\n  infoBorder: '#205d9e',\n  info: '#0090ff',\n  infoHover: '#3d9fff',\n  infoContrast: '#0d1321',\n  infoSoftHover: '#003362',\n  inverseSurface: '#eef2fa',\n  inverseText: '#0d1321',\n  focusRing: '#11809c',\n  overlay: 'rgba(3, 6, 15, 0.65)',\n  selection: '#004558',\n  highlight: '#3f2700',\n  surfaceTranslucent: 'rgba(13, 19, 33, 0.8)',\n  codeKeyword: '#4ccce6',\n  codeString: '#3dd68c',\n  codeNumber: '#ffa057',\n  codeFunction: '#baa7ff',\n  codeType: '#9eb1ff',\n  codeComment: '#aeb8cb',\n  codeTag: '#ff92ad',\n  codeAttribute: '#dbb594',\n  codeInserted: '#132d21',\n  codeDeleted: '#3b1219',\n  chart1: '#11809c',\n  chart2: '#6e56cf',\n  chart3: '#f76b15',\n  chart4: '#e93d82',\n  chart5: '#3e63dd',\n  chart6: '#12a594',\n  chart7: '#46a758',\n  chart8: '#ffc53d',\n});\n\n/** 午夜主题：深海军蓝底、青色品牌色；阴影同暗色主题，浏览器配色按暗色 */\nexport const midnightTheme: Theme = {\n  name: 'midnight',\n  colorScheme: 'dark',\n  styles: [midnightColors, darkShadows, defaultFonts, defaultRadii],\n  overrides: {},\n};\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,iBAAiB,IAAI,YAAY,QAAQ;CACpD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,gBAAuB;CAClC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAgB;EAAa;EAAc;CAAY;CAChE,WAAW,CAAC;AACd"}

package/dist/config/theme/ocean.d.ts

@@ -0,0 +1,103 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { Theme } from './theme';
+/**
+ * 海洋主题的颜色：天空蓝的页面、深海蓝的品牌色。中性色按 slate 各级亮度换成蓝色相（oklch 235°），品牌色取 Radix blue 色阶、实色加深到深海蓝 `#0b5cad`。
+ * 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）
+ */
+export declare const oceanColors: css.Theme<css.VarGroup<{
+    readonly background: "#fcfcfd";
+    readonly surface: "#fcfcfd";
+    readonly surfaceMuted: "#f9f9fb";
+    readonly surfaceRaised: "#fcfcfd";
+    readonly fill: "#f0f0f3";
+    readonly fillHover: "#e8e8ec";
+    readonly fillActive: "#e0e1e6";
+    readonly text: "#1c2024";
+    readonly textMuted: "#60646c";
+    readonly textPlaceholder: "#80838d";
+    readonly textDisabled: "#b9bbc6";
+    readonly borderMuted: "#d9d9e0";
+    readonly border: "#cdced6";
+    readonly borderStrong: "#b9bbc6";
+    readonly accent: "#3e63dd";
+    readonly accentHover: "#3358d4";
+    readonly accentContrast: "#ffffff";
+    readonly accentText: "#3a5bc7";
+    readonly accentSoft: "#edf2fe";
+    readonly accentSoftHover: "#e1e9ff";
+    readonly accentBorder: "#abbdf9";
+    readonly danger: "#ce2c31";
+    readonly dangerHover: "#b8272c";
+    readonly dangerContrast: "#ffffff";
+    readonly dangerText: "#b8272c";
+    readonly dangerSoft: "#feebec";
+    readonly dangerSoftHover: "#ffdbdc";
+    readonly dangerBorder: "#f4a9aa";
+    readonly successText: "#193b2d";
+    readonly successSoft: "#e6f6eb";
+    readonly successBorder: "#8eceaa";
+    readonly success: "#008751";
+    readonly successHover: "#007143";
+    readonly successContrast: "#ffffff";
+    readonly successSoftHover: "#d6f1df";
+    readonly warningText: "#4f3422";
+    readonly warningSoft: "#fff7c2";
+    readonly warningBorder: "#e9c162";
+    readonly warning: "#ffc53d";
+    readonly warningHover: "#ffcd5f";
+    readonly warningContrast: "#4f3422";
+    readonly warningSoftHover: "#ffee9c";
+    readonly infoText: "#113264";
+    readonly infoSoft: "#e6f4fe";
+    readonly infoBorder: "#8ec8f6";
+    readonly info: "#0073e0";
+    readonly infoHover: "#0060bd";
+    readonly infoContrast: "#ffffff";
+    readonly infoSoftHover: "#d5efff";
+    readonly inverseSurface: "#1c2024";
+    readonly inverseText: "#fcfcfd";
+    readonly focusRing: "#3e63dd";
+    readonly overlay: "rgba(0, 0, 0, 0.4)";
+    readonly selection: "#d2deff";
+    readonly highlight: "#ffee9c";
+    readonly surfaceTranslucent: "rgba(252, 252, 253, 0.8)";
+    readonly codeKeyword: "#3a5bc7";
+    readonly codeString: "#1c7a51";
+    readonly codeNumber: "#bb4500";
+    readonly codeFunction: "#6550b9";
+    readonly codeType: "#007590";
+    readonly codeComment: "#60646c";
+    readonly codeTag: "#cb1d63";
+    readonly codeAttribute: "#815e46";
+    readonly codeInserted: "#e6f6eb";
+    readonly codeDeleted: "#feebec";
+    readonly chart1: "#3e63dd";
+    readonly chart2: "#0d9b8a";
+    readonly chart3: "#ef5f00";
+    readonly chart4: "#e93d82";
+    readonly chart5: "#6e56cf";
+    readonly chart6: "#0797b9";
+    readonly chart7: "#3e9b4f";
+    readonly chart8: "#ab6400";
+}>>;
+/** 海洋主题的阴影：带主色调的投影 */
+export declare const oceanShadows: css.Theme<css.VarGroup<{
+    readonly none: "none";
+    readonly xs: "0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)";
+    readonly sm: "0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f";
+    readonly lg: "0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f";
+    readonly xl: "0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32";
+}>>;
+/** 海洋主题的圆角：比默认更圆，像水波 */
+export declare const oceanRadii: css.Theme<css.VarGroup<{
+    readonly none: "0";
+    readonly xs: "0.15em";
+    readonly sm: "0.25em";
+    readonly md: "0.4em";
+    readonly lg: "0.7em";
+    readonly xl: "1em";
+    readonly full: "9999px";
+}>>;
+/** 海洋主题：天空蓝底、深海蓝品牌色、圆润的圆角、带蓝调的阴影；浏览器配色按亮色 */
+export declare const oceanTheme: Theme;

package/dist/config/theme/ocean.js

@@ -0,0 +1,119 @@
+import { colors, radii, shadows } from "./tokens.js";
+import { defaultFonts } from "./light.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/config/theme/ocean.ts
+/**
+* 海洋主题的颜色：天空蓝的页面、深海蓝的品牌色。中性色按 slate 各级亮度换成蓝色相（oklch 235°），品牌色取 Radix blue 色阶、实色加深到深海蓝 `#0b5cad`。
+* 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）
+*/
+var oceanColors = css.createTheme(colors, {
+	background: "#f7fdff",
+	surface: "#f7fdff",
+	surfaceMuted: "#f4fafe",
+	surfaceRaised: "#f7fdff",
+	fill: "#e7f2fa",
+	fillHover: "#dfebf2",
+	fillActive: "#d8e3eb",
+	text: "#10222c",
+	textMuted: "#546773",
+	textPlaceholder: "#738793",
+	textDisabled: "#b2bec5",
+	borderMuted: "#d0dce3",
+	border: "#c5d1d8",
+	borderStrong: "#b2bec5",
+	accent: "#0b5cad",
+	accentHover: "#084c91",
+	accentContrast: "#ffffff",
+	accentText: "#0069c2",
+	accentSoft: "#e6f4fe",
+	accentSoftHover: "#d5efff",
+	accentBorder: "#8ec8f6",
+	danger: "#d83a3f",
+	dangerHover: "#b62f34",
+	dangerContrast: "#ffffff",
+	dangerText: "#c31e28",
+	dangerSoft: "#feebec",
+	dangerSoftHover: "#ffdbdc",
+	dangerBorder: "#f4a9aa",
+	successText: "#193b2d",
+	successSoft: "#e6f6eb",
+	successBorder: "#8eceaa",
+	success: "#008751",
+	successHover: "#007143",
+	successContrast: "#ffffff",
+	successSoftHover: "#d6f1df",
+	warningText: "#4f3422",
+	warningSoft: "#fff7c2",
+	warningBorder: "#e9c162",
+	warning: "#ffc53d",
+	warningHover: "#ffcd5f",
+	warningContrast: "#4f3422",
+	warningSoftHover: "#ffee9c",
+	infoText: "#1d3e56",
+	infoSoft: "#e1f6fd",
+	infoBorder: "#8dcae3",
+	info: "#7ce2fe",
+	infoHover: "#8fe6fe",
+	infoContrast: "#1d3e56",
+	infoSoftHover: "#d1f0fa",
+	inverseSurface: "#10222c",
+	inverseText: "#f7fdff",
+	focusRing: "#0b5cad",
+	overlay: "rgba(16, 34, 44, 0.4)",
+	selection: "#c2e5ff",
+	highlight: "#ffee9c",
+	surfaceTranslucent: "rgba(247, 253, 255, 0.8)",
+	codeKeyword: "#0069c2",
+	codeString: "#147a51",
+	codeNumber: "#bf4100",
+	codeFunction: "#6550b9",
+	codeType: "#007590",
+	codeComment: "#546773",
+	codeTag: "#cb1d63",
+	codeAttribute: "#815e46",
+	codeInserted: "#e6f6eb",
+	codeDeleted: "#feebec",
+	chart1: "#0b5cad",
+	chart2: "#0797b9",
+	chart3: "#3358d4",
+	chart4: "#0d9b8a",
+	chart5: "#309dba",
+	chart6: "#654dc4",
+	chart7: "#26997b",
+	chart8: "#c68400"
+});
+/** 海洋主题的阴影：带主色调的投影 */
+var oceanShadows = css.createTheme(shadows, {
+	none: "none",
+	xs: "0 1px 1px 0 rgba(12, 42, 84, 0.04), 0 2px 1px -1px rgba(12, 42, 84, 0.05), 0 1px 3px 0 rgba(12, 42, 84, 0.05)",
+	sm: "0 2px 3px -2px rgba(12, 42, 84, 0.06), 0 3px 12px -4px rgba(12, 42, 84, 0.1), 0 4px 16px -8px rgba(12, 42, 84, 0.1)",
+	md: "0 8px 40px rgba(12, 42, 84, 0.05), 0 12px 32px -16px rgba(12, 42, 84, 0.08)",
+	lg: "0 12px 60px rgba(12, 42, 84, 0.15), 0 12px 32px -16px rgba(12, 42, 84, 0.12)",
+	xl: "0 12px 60px rgba(12, 42, 84, 0.15), 0 16px 64px rgba(12, 42, 84, 0.04), 0 16px 36px -20px rgba(12, 42, 84, 0.2)"
+});
+/** 海洋主题的圆角：比默认更圆，像水波 */
+var oceanRadii = css.createTheme(radii, {
+	none: "0",
+	xs: "0.2em",
+	sm: "0.35em",
+	md: "0.6em",
+	lg: "0.9em",
+	xl: "1.25em",
+	full: "9999px"
+});
+/** 海洋主题：天空蓝底、深海蓝品牌色、圆润的圆角、带蓝调的阴影；浏览器配色按亮色 */
+var oceanTheme = {
+	name: "ocean",
+	colorScheme: "light",
+	styles: [
+		oceanColors,
+		oceanShadows,
+		defaultFonts,
+		oceanRadii
+	],
+	overrides: {}
+};
+//#endregion
+export { oceanColors, oceanRadii, oceanShadows, oceanTheme };
+
+//# sourceMappingURL=ocean.js.map

package/dist/config/theme/ocean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ocean.js","names":[],"sources":["../../../src/config/theme/ocean.ts"],"sourcesContent":["import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 海洋主题的颜色：天空蓝的页面、深海蓝的品牌色。中性色按 slate 各级亮度换成蓝色相（oklch 235°），品牌色取 Radix blue 色阶、实色加深到深海蓝 `#0b5cad`。\n * 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）\n */\nexport const oceanColors = css.createTheme(colors, {\n  background: '#f7fdff',\n  surface: '#f7fdff',\n  surfaceMuted: '#f4fafe',\n  surfaceRaised: '#f7fdff',\n  fill: '#e7f2fa',\n  fillHover: '#dfebf2',\n  fillActive: '#d8e3eb',\n  text: '#10222c',\n  textMuted: '#546773',\n  textPlaceholder: '#738793',\n  textDisabled: '#b2bec5',\n  borderMuted: '#d0dce3',\n  border: '#c5d1d8',\n  borderStrong: '#b2bec5',\n  accent: '#0b5cad',\n  accentHover: '#084c91',\n  accentContrast: '#ffffff',\n  accentText: '#0069c2',\n  accentSoft: '#e6f4fe',\n  accentSoftHover: '#d5efff',\n  accentBorder: '#8ec8f6',\n  danger: '#d83a3f',\n  dangerHover: '#b62f34',\n  dangerContrast: '#ffffff',\n  dangerText: '#c31e28',\n  dangerSoft: '#feebec',\n  dangerSoftHover: '#ffdbdc',\n  dangerBorder: '#f4a9aa',\n  successText: '#193b2d',\n  successSoft: '#e6f6eb',\n  successBorder: '#8eceaa',\n  success: '#008751',\n  successHover: '#007143',\n  successContrast: '#ffffff',\n  successSoftHover: '#d6f1df',\n  warningText: '#4f3422',\n  warningSoft: '#fff7c2',\n  warningBorder: '#e9c162',\n  warning: '#ffc53d',\n  warningHover: '#ffcd5f',\n  warningContrast: '#4f3422',\n  warningSoftHover: '#ffee9c',\n  infoText: '#1d3e56',\n  infoSoft: '#e1f6fd',\n  infoBorder: '#8dcae3',\n  info: '#7ce2fe',\n  infoHover: '#8fe6fe',\n  infoContrast: '#1d3e56',\n  infoSoftHover: '#d1f0fa',\n  inverseSurface: '#10222c',\n  inverseText: '#f7fdff',\n  focusRing: '#0b5cad',\n  overlay: 'rgba(16, 34, 44, 0.4)',\n  selection: '#c2e5ff',\n  highlight: '#ffee9c',\n  surfaceTranslucent: 'rgba(247, 253, 255, 0.8)',\n  codeKeyword: '#0069c2',\n  codeString: '#147a51',\n  codeNumber: '#bf4100',\n  codeFunction: '#6550b9',\n  codeType: '#007590',\n  codeComment: '#546773',\n  codeTag: '#cb1d63',\n  codeAttribute: '#815e46',\n  codeInserted: '#e6f6eb',\n  codeDeleted: '#feebec',\n  chart1: '#0b5cad',\n  chart2: '#0797b9',\n  chart3: '#3358d4',\n  chart4: '#0d9b8a',\n  chart5: '#309dba',\n  chart6: '#654dc4',\n  chart7: '#26997b',\n  chart8: '#c68400',\n});\n\n/** 海洋主题的阴影：带主色调的投影 */\nexport const oceanShadows = css.createTheme(shadows, {\n  none: 'none',\n  xs: '0 1px 1px 0 rgba(12, 42, 84, 0.04), 0 2px 1px -1px rgba(12, 42, 84, 0.05), 0 1px 3px 0 rgba(12, 42, 84, 0.05)',\n  sm: '0 2px 3px -2px rgba(12, 42, 84, 0.06), 0 3px 12px -4px rgba(12, 42, 84, 0.1), 0 4px 16px -8px rgba(12, 42, 84, 0.1)',\n  md: '0 8px 40px rgba(12, 42, 84, 0.05), 0 12px 32px -16px rgba(12, 42, 84, 0.08)',\n  lg: '0 12px 60px rgba(12, 42, 84, 0.15), 0 12px 32px -16px rgba(12, 42, 84, 0.12)',\n  xl: '0 12px 60px rgba(12, 42, 84, 0.15), 0 16px 64px rgba(12, 42, 84, 0.04), 0 16px 36px -20px rgba(12, 42, 84, 0.2)',\n});\n\n/** 海洋主题的圆角：比默认更圆，像水波 */\nexport const oceanRadii = css.createTheme(radii, {\n  none: '0',\n  xs: '0.2em',\n  sm: '0.35em',\n  md: '0.6em',\n  lg: '0.9em',\n  xl: '1.25em',\n  full: '9999px',\n});\n\n/** 海洋主题：天空蓝底、深海蓝品牌色、圆润的圆角、带蓝调的阴影；浏览器配色按亮色 */\nexport const oceanTheme: Theme = {\n  name: 'ocean',\n  colorScheme: 'light',\n  styles: [oceanColors, oceanShadows, defaultFonts, oceanRadii],\n  overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,aAAa,IAAI,YAAY,OAAO;CAC/C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAU;CAC5D,WAAW,CAAC;AACd"}