Skip to content

Create Custom Theme: Neo Cyberpunk #8025

@tobiu

Description

@tobiu

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).

Sub-issues

Metadata

Metadata

Assignees

Labels

aidesignepicA big time intense ticket with related sub-tasks

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions