LogoClawIndex
案例技能关于
LogoClawIndex

add-dark-mode-support - 为前端组件添加深色模式支持

使用Tailwind CSS深色变体类为组件添加深色模式样式

标签

更新于: 2026-03-09
前端开发CSS样式主题化用户界面Tailwind CSS深色模式

能力

典型输入

典型输出

该技能可以做什么

  • 应用深色变体类
  • 使用Tailwind dark:语法
  • 修改组件背景
  • 调整深色模式文本颜色
  • 处理深色模式边框颜色
  • 设置配色方案支持

输入

  • 前端组件
  • Tailwind CSS配置
  • 配色方案元数据
  • DarkModeService
  • 组件样式要求

输出

  • 支持深色模式的组件
  • 更新的样式类
  • 配色方案元数据
  • 样式化的UI元素

要求

  • Tailwind CSS框架
  • DarkModeService设置
  • 前端组件
  • 路由配色方案配置
  • 正确的调色板定义

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
应用深色变体类
使用Tailwind dark:语法
修改组件背景
调整深色模式文本颜色
前端组件
Tailwind CSS配置
配色方案元数据
支持深色模式的组件
更新的样式类
配色方案元数据