SuperAPI AI 工具集

umbraco-theme

前端与建站

查看项目

更新于 10-15 21:05

技能介绍

该技能用于在 Umbraco 后台实现主题(Theme),通过覆盖 CSS 自定义属性来改变后台的颜色、字体等视觉元素,可实现深色模式、高对比度、品牌定制等外观,用户可在个人配置中选择主题。

使用方式:先通过 WebFetch 获取最新官方文档(Foundation、扩展注册表、扩展类型/主题相关页面),再询问需求(颜色、深浅模式、品牌色等),然后生成清单(manifest)与 CSS 文件,并说明如何测试。

主题注册使用 ManifestTheme 类型,需提供 type、alias、name 和 css 动态导入。CSS 文件中通过 :root 覆盖 --uui-color-* 变量,如 surface、text、positive、warning、danger、interactive、border、header、selected、focus 等系列。示例涵盖深色主题、高对比度主题和品牌主题,并给出 ManifestTheme 接口结构(继承 ManifestPlainCss)。

适用场景:为 Umbraco 后台定制深色/高对比度/品牌化界面。限制:需先获取最新官方文档再实现;应测试所有 UI 组件、保证对比度满足可访问性,并考虑深浅模式变体。具体收费、价格与版本要求资料暂未提供。