feat(ui): Discord-style roles/channel perms + IDE themes

Split-pane role editor with tri-state channel overrides (roles/members).
CSS-var themes (Gruvbox default + 9 IDE palettes) in top bar and settings.
This commit is contained in:
2026-07-15 21:46:07 -04:00
parent 3c7b8278ce
commit 0f19b9089d
10 changed files with 1230 additions and 556 deletions
+19 -27
View File
@@ -8,33 +8,25 @@ export default {
theme: {
extend: {
colors: {
'gb-bg-h': '#1d2021',
'gb-bg': '#282828',
'gb-bg-s': '#3c3836',
'gb-bg-t': '#504945',
'gb-bg-f': '#32302f',
'gb-fg': '#ebdbb2',
'gb-fg-s': '#d5c4a1',
'gb-fg-t': '#bdae93',
'gb-fg-f': '#a89984',
'gb-red': '#fb4934',
'gb-green': '#b8bb26',
'gb-yellow': '#fabd2f',
'gb-blue': '#83a598',
'gb-purple': '#d3869b',
'gb-aqua': '#8ec07c',
'gb-orange': '#fe8019',
'gb-gray': '#928374',
// Light mode overrides
'gb-light-bg-h': '#f9f5d7',
'gb-light-bg': '#fbf1c7',
'gb-light-bg-s': '#ebdbb2',
'gb-light-bg-t': '#d5c4a1',
'gb-light-bg-f': '#bdae93',
'gb-light-fg': '#282828',
'gb-light-fg-s': '#3c3836',
'gb-light-fg-t': '#504945',
'gb-light-fg-f': '#7c6f64',
// ponytail: CSS vars so data-theme palettes apply without rewriting components
'gb-bg-h': 'var(--gb-bg-h)',
'gb-bg': 'var(--gb-bg)',
'gb-bg-s': 'var(--gb-bg-s)',
'gb-bg-t': 'var(--gb-bg-t)',
'gb-bg-f': 'var(--gb-bg-f)',
'gb-fg': 'var(--gb-fg)',
'gb-fg-s': 'var(--gb-fg-s)',
'gb-fg-t': 'var(--gb-fg-t)',
'gb-fg-f': 'var(--gb-fg-f)',
'gb-red': 'var(--gb-red)',
'gb-green': 'var(--gb-green)',
'gb-yellow': 'var(--gb-yellow)',
'gb-blue': 'var(--gb-blue)',
'gb-purple': 'var(--gb-purple)',
'gb-aqua': 'var(--gb-aqua)',
'gb-orange': 'var(--gb-orange)',
'gb-gray': 'var(--gb-gray)',
'gb-border': 'var(--gb-border)',
},
fontFamily: {
mono: ['"JetBrains Mono"', '"Fira Code"', '"Cascadia Code"', '"SF Mono"', 'Consolas', '"Liberation Mono"', 'monospace'],