SuperAPI AI 工具集

aura-theme

设计与创作

查看项目

更新于 10-16 07:16

技能介绍

用途:根据自由描述生成 Vaadin Aura 主题 CSS 文件,用于创建新主题或调整视觉风格。

主要能力:解析用户描述中的颜色、明暗模式、密度、字体、布局、表面层级与组件样式需求;映射为 Aura 属性,如 color-scheme、accent、background、base-size、base-radius、contrast-level、surface-level、surface-opacity、font-family 等;可生成导航、按钮、卡片、输入框、网格、用户颜色等组件样式。

使用方式:先读取 references/property-values.md 确认有效取值,再参考 cozy-paper.css、fresh-mint.css、monochrome.css、night-operator.css、preset-sunset-glass.css 等示例。定位 styles.css(默认 /src/main/resources/META-INF/resources/styles.css),在相同目录创建描述性命名的主题 CSS 文件,并在 styles.css 顶部添加 @import "filename.css";。核心属性放在 html 选择器,组件 token 覆盖可用第二个 html {} 块。

限制:只包含非默认属性;需成对设置明暗 accent 与背景;自定义字体需使用参考列表中的导入 URL;app layout inset 必须带单位;Grid 属性仅在明确要求时写入;无法确定的事实暂未提供。