Digital / Web UI
终端绿
一种受终端绿磷光启发的界面材质，适合开发者工具、AI Agent 和系统监控界面。
Tg
适用场景
- 日志
- Agent 控制台
- 开源项目首页
可调参数
- green hue
- scanline opacity
- font weight
- background
- density
AI Prompt
生成终端绿界面材质：深炭黑背景、磷光绿文字、轻微扫描线和克制命令行密度。
Tailwind 思路
使用近黑背景、绿色文字、轻微 repeating-linear-gradient 扫描线和等宽字体。
性能提醒
扫描线保持静态；除了小光标，不要快速闪烁文字。
CSS
.terminal-green {
border: 1px solid rgba(57, 255, 142, .28);
border-radius: 12px;
background:
repeating-linear-gradient(180deg, rgba(57,255,142,.06) 0 1px, transparent 1px 4px),
#050806;
color: #8dffb2;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}React 示例
export function TerminalGreenLog({ lines }) {
return <pre className="terminal-green">{lines.join("\n")}</pre>;
}