Skip to content

feat: add Night City theme#31

Merged
OrbFrontend merged 1 commit into
OrbFrontend:mainfrom
glitchbunny0:feat/night-city-theme
May 9, 2026
Merged

feat: add Night City theme#31
OrbFrontend merged 1 commit into
OrbFrontend:mainfrom
glitchbunny0:feat/night-city-theme

Conversation

@glitchbunny0
Copy link
Copy Markdown
Contributor

@glitchbunny0 glitchbunny0 commented May 9, 2026

Night City Theme

Cyberpunk-inspired dark theme with neon cyan accents against deep navy-blue backgrounds.

Palette

Token Value Usage
--bg-deep #04050c Body background — near-black with cold blue undertone
--bg-primary #080a16 Sidebar, panels
--bg-surface #0c0f1e Cards, elevated surfaces
--bg-elevated #11142a Hover states, inputs
--accent #00d4ee Electric cyan — buttons, focus rings, active elements
--accent-dim #006878 Dimmed accent — borders, secondary highlights
--text-primary #dce4f0 Cool steel-white
--text-secondary #6070a0 Muted blue-gray
--red #ff1a5e Hot magenta-red for errors

Design choices

  • Monospace UI font — SF Mono / Fira Code / Cascadia Code / Consolas. Netrunner terminal feel.
  • Lora serif prose font — keeps RP text warm against the cold UI shell.
  • 3px border radius — sharp, functional, no decorative rounding.
  • Custom dark scrollbars — themed thumb/track matching the palette (WebKit + Firefox).
  • Stripped native textarea chrome — removes the default 3D bevel/white highlight on resize grip.

Screenshot

screenshot

Files

  • frontend/themes/night_city.css — single CSS file, auto-discovered by GET /api/themes

Cyberpunk-inspired dark theme with neon cyan accents, cold blue-black
backgrounds, monospace UI font, and custom dark scrollbars.

- Electric cyan accent (#00d4ee) against deep navy backgrounds
- Monospace UI (SF Mono/Fira Code/Consolas) for tech feel
- Lora serif prose font for RP text warmth
- Custom dark scrollbars matching theme palette
- Stripped native textarea chrome (3D bevel fix)
@glitchbunny0 glitchbunny0 marked this pull request as ready for review May 9, 2026 02:12
@OrbFrontend OrbFrontend merged commit bb0a6fe into OrbFrontend:main May 9, 2026
3 checks passed
@OrbFrontend
Copy link
Copy Markdown
Owner

I actually forgot to ask if you'd like to add the fonts to fonts.css because some machines may not have those installed and may end up looking different. This is how it looks on my end.

image

OrbFrontend added a commit to hpnyaggerman/Orb that referenced this pull request May 16, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants