Tech Green Dark Mode Modern Skill

Use When

• Create a modern dark-mode technical design system with matte-black surfaces, emerald signal accents, mono system labeling, framed dashboard cards, and restrained glow.

Workflow

Scope

• Apply this as a full design-system direction across page background, layout framing, cards, navigation, typography, data modules, and motion.
• Use it when the interface should feel modern, analytical, technical, and premium, with green signal accents over a dark operational surface.
• This is not generic neon cyberpunk and not plain enterprise dark mode. It should feel calm, precise, and product-grade.

Visual target

• Build the interface on a black or near-black base with subtle tonal separation between page background, panels, and elevated surfaces.
• Use emerald, mint, or controlled tech-green accents as the primary signal color for active states, live indicators, border details, and focused visual zones.
• Add technical framing with faint grid lines, vertical guides, corner brackets, tick marks, mono system labels, and utility metadata so the page feels instrumented.
• Cards should look premium and modern: dark glass or matte shells, thin gradient borders, soft inner glow, restrained blur, and precise spacing.
• Keep green glow controlled and localized. It should punctuate key components rather than flooding the whole interface.