57 lines
2.2 KiB
CSS
57 lines
2.2 KiB
CSS
/**
|
|
* @name Midnight (Wallust Edition)
|
|
* @description A dark, rounded discord theme synced with your wallpaper.
|
|
* @author refact0r & You
|
|
* @version 1.6.2
|
|
*/
|
|
|
|
/* IMPORTANT: make sure to enable dark mode in discord settings!!! */
|
|
|
|
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
|
|
:root {
|
|
/* Font */
|
|
--font: 'figtree';
|
|
--corner-text: 'Midnight';
|
|
|
|
/* Status Indicators */
|
|
/* Matugen used specific generated colors, we use standard semantic colors */
|
|
--online-indicator: {{color2}}; /* Green */
|
|
--dnd-indicator: {{color1}}; /* Red */
|
|
--idle-indicator: {{color3}}; /* Yellow */
|
|
--streaming-indicator: {{color5}}; /* Purple */
|
|
|
|
/* Accent Colors */
|
|
/* We map these to your wallpaper's dominant colors */
|
|
--accent-1: {{color4}}; /* Primary Accent (Blue-ish) */
|
|
--accent-2: {{color12}}; /* Secondary Accent (Lighter Blue-ish) */
|
|
--accent-3: {{color6}}; /* Tertiary (Cyan/Teal) */
|
|
--accent-4: {{color2}}; /* Success/Greenish tone */
|
|
--accent-5: {{color1}}; /* Danger/Reddish tone */
|
|
|
|
/* Backgrounds */
|
|
/* Wallust 'background' is your main wallpaper dark color */
|
|
--bg-1: {{background}}; /* Main Dark Background */
|
|
--bg-2: {{color0}}; /* Slightly lighter/different dark */
|
|
--bg-3: {{background}}; /* Even lighter for contrast */
|
|
--bg-4: {{background}}; /* Deep background */
|
|
|
|
/* Text Colors */
|
|
--text-0: {{foreground}}; /* Main Text */
|
|
--text-1: {{foreground}}; /* Headers */
|
|
--text-2: {{foreground}}; /* Secondary Text */
|
|
--text-3: {{foreground}}; /* Muted Text */
|
|
--text-4: {{foreground}}; /* Contrast Text */
|
|
--text-5: {{color8}}; /* Error Text */
|
|
|
|
/* Popups & Modals */
|
|
--hover: {{color4}}1a; /* 10% Opacity Accent for hovers */
|
|
--active: {{color4}}33; /* 20% Opacity Accent for active items */
|
|
--message-hover: {{color0}}0a; /* Very subtle message hover */
|
|
|
|
/* Optional: Override the "Moon" icon to match your accent if you want */
|
|
/* --discord-icon: none; */
|
|
/* --moon-icon: block; */
|
|
/* --moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); */
|
|
}
|