Create a new custom theme neo-theme-cyberpunk (folder: resources/scss/theme-cyberpunk) to support the Cyberpunk aesthetic of the AgentOS application and future apps.
Scope:
- Create the theme structure (
resources/scss/theme-cyberpunk).
- Implement global styles (neon colors, dark backgrounds, high contrast, glow effects).
- Implement component-specific overrides for:
Neo.grid.Container (Wireframe borders, neon selection)
Neo.container.Panel
Neo.container.Toolbar
Neo.button.Base
- Ensure proper variable nullification to support nesting within other themes.
Design Language:
- Colors: Neon cyan (
#00d2ff), gold (#f1c40f), red (#ff4757), dark backgrounds (#0d1117).
- Typography: Monospace fonts (
Courier New, Consolas) for data/logs.
- Effects: Text shadows, box shadows (glows), sharp borders (no rounding).
Create a new custom theme
neo-theme-cyberpunk(folder:resources/scss/theme-cyberpunk) to support the Cyberpunk aesthetic of the AgentOS application and future apps.Scope:
resources/scss/theme-cyberpunk).Neo.grid.Container(Wireframe borders, neon selection)Neo.container.PanelNeo.container.ToolbarNeo.button.BaseDesign Language:
#00d2ff), gold (#f1c40f), red (#ff4757), dark backgrounds (#0d1117).Courier New,Consolas) for data/logs.