/** * @name midnight-refined * @description A cleaner, higher-contrast version for Gruvbox/Tinty. */ @import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); :root { --font: 'figtree'; --corner-text: 'Midnight'; /* Status indicators using standard Base16 accents */ --online-indicator: #a5c261; --dnd-indicator: #da4939; --idle-indicator: #ffc66d; --streaming-indicator: #b6b3eb; /* Accent colors - using base0D (Blue) for a clean feel */ --accent-1: #6d9cbe; --accent-2: #6d9cbe; --accent-3: #6d9cbe; --accent-4: #519f50; --accent-5: #a5c261; --mention: rgba(255, 198, 109, 0.1); --mention-hover: rgba(255, 198, 109, 0.15); /* Text colors - bumping importance to base06/05 */ --text-0: #2b2b2b; --text-1: #f4f1ed; --text-2: #f4f1ed; --text-3: #e6e1dc; --text-4: #d4cfc9; --text-5: #5a647e; /* --- THE BACKGROUND OVERHAUL --- */ /* We use base00 as the "Deep" master background and base01/02 for floating panels */ --bg-4: #2b2b2b; /* Master background (Deepest) */ --bg-3: #272935; /* Secondary background */ --bg-2: #3a4055; /* Buttons and UI elements */ --bg-1: #5a647e; /* Active/Clicked states */ --hover: rgba(230, 225, 220, 0.05); --active: rgba(230, 225, 220, 0.1); --message-hover: rgba(230, 225, 220, 0.03); /* Spacing & Roundness */ --spacing: 12px; --roundness-xl: 22px; --roundness-l: 20px; --roundness-m: 16px; --roundness-s: 12px; --roundness-xs: 10px; --roundness-xxs: 8px; --discord-icon: none; --moon-icon: block; --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); --moon-icon-size: auto; } /* Fix for selected text contrast */ .selected_f5eb4b, .selected_f6f816 .link_d8bfb3 { color: #2b2b2b !important; background: #6d9cbe !important; }