本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库(复刻版),以 MIT 许可 提供。本站镜像收录,仅作学习参考;这一页的原始地址是 原站页面。
← 回到导览访问原站仓库
返回配方目录
Developer Terminal

终端风组件配方

font-mono rounded-sm transition-colors duration-150 bg-[#4AF626] text-[#0A0E12] font-bold hover:bg-[#4AF626]/10 focus:outline-none focus:ring-1 focus:ring-[#4AF626]/60 active:translate-y-px
button

命令按钮

Button styled as an executable shell command

基础骨架
font-mono rounded-sm transition-colors duration-150
变体
主要、次要、命令、危险
状态
hover、active、focus、disabled
card

输出面板

Command output panel with thin border and near-black surface

基础骨架
font-mono bg-[#0D141B] border border-[#1F2937] rounded-sm transition-colors duration-150
变体
默认、标准输出、错误输出、注释
状态
hover
input

Prompt 输入行

Terminal prompt line input with green caret

基础骨架
font-mono bg-[#0A0E12] border border-[#1F2937] rounded-sm text-[#4AF626] caret-[#4AF626] placeholder:text-[#6272A4] focus:outline-none transition-colors duration-150
变体
默认、会话
状态
focus、disabled