tech-green-dark-mode-modern

name	tech-green-dark-mode-modern
description	创建一套现代暗色模式技术设计系统：哑光黑面板、翡翠绿信号强调色、等宽系统标注、带边框的仪表盘卡片，以及克制的辉光。

科技绿暗色模式现代风技能

何时使用

• 创建一套现代暗色模式技术设计系统：哑光黑面板、翡翠绿信号强调色、等宽系统标注、带边框的仪表盘卡片，以及克制的辉光。

工作流程

范围

• 将其作为完整的设计系统方向，贯穿页面背景、布局框架、卡片、导航、排版、数据模块与动效。
• 当界面应显得现代、分析感、技术感且高端，并在暗色操作面板上叠加绿色信号强调色时使用。
• 这不是通用的霓虹赛博朋克，也不是普通的企业级暗色模式。它应显得沉静、精确、产品级。

视觉目标

• 以黑色或近黑色为底构建界面，让页面背景、面板与抬升面板之间有微妙的色调分层。
• 用翡翠绿、薄荷绿或受控的科技绿作为主信号色，用于激活状态、实时指示器、边框细节与聚焦视觉区域。
• 用淡网格线、竖向参考线、角标括号、刻度标记、等宽系统标签与实用元数据加入技术框架，让页面显得像被仪表化了。
• 卡片应显得高端且现代：暗色玻璃或哑光外壳、细渐变边框、柔和内辉光、克制的模糊与精确的间距。
• 保持绿色辉光受控且局部化。它应点缀关键组件，而非淹没整个界面。

实现指引

• 优先采用结构化的仪表盘或基于模块的布局，具备强烈节奏、一致的间隔与清晰分段的数据面板。
• 标题与正文用干净的无衬线排版，再搭配等宽文本用于标签、系统 ID、时间戳与微元数据。
• 让绿色强调色出现在状态点、进度填充、角标记、微妙渐变、激活边框、图表高亮与小型强调标签上。
• 背景可包含淡淡的斜向纹理、技术网格线或柔和图案叠层，但保持低对比度，让内容始终居主。
• 用带一像素外壳、角部细节与暗色内面板的带框卡片，替代扁平通用矩形。
• 动效应显得功能化且现代：遮罩显现、轻微悬停提亮、安静的辉光变化，或有节制的图表运动，而非炫技动画。

推荐模式

• 大型仪表盘卡片，带柔和翡翠绿底部辉光、暗色内画布与小角标括号。
• 头部导轨带等宽区块代码、微妙分隔线，以及对齐网格的操作元数据。
• 紧凑模块采用图标加标签加状态底栏的结构，便于快速扫读。
• 数据可视化以中性色为底，绿色仅用于激活的柱、节点、脉冲或流向指示器。
• 固定背景框架用竖向边界、十字准星标记与外壳括号，让整页显得像被工程化过。

调节旋钮

• 绿色强度：让强调色够鲜以读作信号色，但够克制以避免放射性霓虹。
• 面板抬升：调节页面背景与卡片之间的对比，让布局有分层感而不浑浊。
• 技术密度：视设计应有多像仪表盘，增减参考线、角标记、刻度与元数据。
• 辉光半径：让边缘泛光小而受控，支撑焦点又不至于把 UI 弄得太软。
• 纹理用量：仅在能丰富空白区的地方使用淡斜向或网格纹理。

避免

• 全屏绿色辉光泛滥或吵闹的霓虹黑客美学。
• 无面板层级或框架逻辑的扁平黑色布局。
• 忽视技术括号系统的通用 SaaS 卡片。
• 混入大量不相关的强调色，稀释绿色信号语言。
• 用亮边框、动效或辉光过度装饰每个组件。