按钮
Dark background button with light text and subtle glow border
- 基础骨架
font-medium rounded-lg transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
暗黑模式组件配方
font-medium rounded-lg transition-all duration-200 bg-[#1f2937] text-white border border-gray-600 hover:bg-gray-700 hover:border-gray-500 active:bg-gray-800卡片
Dark card with thin border and subtle shadow
- 基础骨架
bg-gray-800 rounded-lg border border-gray-700 text-gray-100 transition-all duration-200- 变体
- 默认、强调、悬浮
- 状态
- hover
输入框
Dark input with light text and glowing focus ring
- 基础骨架
w-full bg-gray-800 rounded-lg border border-gray-700 text-gray-100 placeholder:text-gray-500 focus:outline-none transition-all duration-200- 变体
- 默认、填充
- 状态
- focus、disabled