Frontend Design
Visual style: terminal aesthetic
Dumpster looks like a terminal application. No rounded corners. No gradients. Monospace everywhere.
Color palette: Gruvbox dark
| Token |
Hex |
Usage |
--gb-bg-h |
#1d2021 |
Deepest background |
--gb-bg |
#282828 |
Main background |
--gb-bg-s |
#3c3836 |
Sidebar backgrounds |
--gb-bg-t |
#504945 |
Elevated surfaces |
--gb-fg |
#ebdbb2 |
Main text |
--gb-fg-s |
#d5c4a1 |
Secondary text |
--gb-fg-t |
#bdae93 |
Tertiary text |
--gb-orange |
#fe8019 |
Accent, active states |
--gb-green |
#b8bb26 |
Online indicator |
--gb-yellow |
#fabd2f |
Idle/away |
--gb-red |
#fb4934 |
Errors, DND |
--gb-aqua |
#8ec07c |
Mentions, notifications |
Typography
- Primary font: JetBrains Mono
- Size: 14px base
- Usernames: bold, colored by role
- Timestamps: 12px, muted, bracketed
[HH:MM]
- Category headers: 11px, UPPERCASE
Layout
Desktop layout is 4 panes framed by box-drawing characters:
- Server bar (48px): server initials in brackets
[D]
- Channel sidebar (220px): categories +
#text / 🔊 voice channels
- Chat area (flex): IRC-style messages +
> _ input
- Member list (200px): status dots + usernames
Messages render as:
PWA
display: standalone- Theme color:
#282828
- Background color:
#1d2021
- Service worker caches static assets, network-first for API