lucy/tinted-discord
Watch
1
0
Fork
You've already forked tinted-discord
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change colors around

Browse source
This commit is contained in:
lucy 2026-04-03 13:25:36 +02:00
commit b6d440de0c
306 changed files with 11016 additions and 19584 deletions
Download patch file Download diff file Expand all files Collapse all files

100
build/base16-0x96f
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #bcdf59; /* Green */
--dnd-indicator: #ff7272; /* Red */
--idle-indicator: #ffca58; /* Yellow */
--streaming-indicator: #a093e2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #bcdf59;
--dnd-indicator: #ff7272;
--idle-indicator: #ffca58;
--streaming-indicator: #a093e2;
/* accent colors */
--accent-1: #49cae4; /* links */
--accent-2: #a093e2; /* general unread/mention elements */
--accent-3: #49cae4; /* accent buttons */
--accent-4: #aee8f4; /* accent buttons when hovered */
--accent-5: #bcdf59; /* accent buttons when clicked */
--mention: rgba(160, 147, 226, 0.1);
--mention-hover: rgba(160, 147, 226, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #49cae4;
--accent-2: #49cae4;
--accent-3: #49cae4;
--accent-4: #aee8f4;
--accent-5: #bcdf59;
--mention: rgba(255, 202, 88, 0.1);
--mention-hover: rgba(255, 202, 88, 0.15);
/* text colors */
--text-0: #262427; /* text on colored elements */
--text-1: #fcfcfc; /* primary white-ish text */
--text-2: #fcfcfc; /* headings */
--text-3: #fcfcfc; /* normal text */
--text-4: #7c7b7d; /* icon buttons and channels */
--text-5: #676567; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #262427;
--text-1: #eae9eb;
--text-2: #eae9eb;
--text-3: #fcfcfc;
--text-4: #7c7b7d;
--text-5: #676567;
/* background and dark colors */
--bg-1: #514f52; /* dark buttons when clicked */
--bg-2: #3b393c; /* dark buttons */
--bg-3: #514f52; /* spacing, secondary elements */
--bg-4: #262427; /* main background color */
--hover: #514f52; /* channels and buttons when hovered */
--active: #676567; /* channels and buttons when selected */
--message-hover: rgba(59, 57, 60, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #262427; /* Master background (Deepest) */
--bg-3: #3b393c; /* Secondary background */
--bg-2: #514f52; /* Buttons and UI elements */
--bg-1: #676567; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(252, 252, 252, 0.05);
--active: rgba(252, 252, 252, 0.1);
--message-hover: rgba(252, 252, 252, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #262427 !important;
background: #49cae4 !important;
}

100
build/base16-3024
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #01a252; /* Green */
--dnd-indicator: #db2d20; /* Red */
--idle-indicator: #fded02; /* Yellow */
--streaming-indicator: #a16a94; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #01a252;
--dnd-indicator: #db2d20;
--idle-indicator: #fded02;
--streaming-indicator: #a16a94;
/* accent colors */
--accent-1: #01a0e4; /* links */
--accent-2: #a16a94; /* general unread/mention elements */
--accent-3: #01a0e4; /* accent buttons */
--accent-4: #b5e4f4; /* accent buttons when hovered */
--accent-5: #01a252; /* accent buttons when clicked */
--mention: rgba(161, 106, 148, 0.1);
--mention-hover: rgba(161, 106, 148, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #01a0e4;
--accent-2: #01a0e4;
--accent-3: #01a0e4;
--accent-4: #b5e4f4;
--accent-5: #01a252;
--mention: rgba(253, 237, 2, 0.1);
--mention-hover: rgba(253, 237, 2, 0.15);
/* text colors */
--text-0: #090300; /* text on colored elements */
--text-1: #a5a2a2; /* primary white-ish text */
--text-2: #f7f7f7; /* headings */
--text-3: #a5a2a2; /* normal text */
--text-4: #807d7c; /* icon buttons and channels */
--text-5: #5c5855; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #090300;
--text-1: #d6d5d4;
--text-2: #d6d5d4;
--text-3: #a5a2a2;
--text-4: #807d7c;
--text-5: #5c5855;
/* background and dark colors */
--bg-1: #4a4543; /* dark buttons when clicked */
--bg-2: #3a3432; /* dark buttons */
--bg-3: #4a4543; /* spacing, secondary elements */
--bg-4: #090300; /* main background color */
--hover: #4a4543; /* channels and buttons when hovered */
--active: #5c5855; /* channels and buttons when selected */
--message-hover: rgba(58, 52, 50, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #090300; /* Master background (Deepest) */
--bg-3: #3a3432; /* Secondary background */
--bg-2: #4a4543; /* Buttons and UI elements */
--bg-1: #5c5855; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(165, 162, 162, 0.05);
--active: rgba(165, 162, 162, 0.1);
--message-hover: rgba(165, 162, 162, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #090300 !important;
background: #01a0e4 !important;
}

100
build/base16-apathy
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #883e96; /* Green */
--dnd-indicator: #3e9688; /* Red */
--idle-indicator: #3e4c96; /* Yellow */
--streaming-indicator: #4c963e; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #883e96;
--dnd-indicator: #3e9688;
--idle-indicator: #3e4c96;
--streaming-indicator: #4c963e;
/* accent colors */
--accent-1: #96883e; /* links */
--accent-2: #4c963e; /* general unread/mention elements */
--accent-3: #96883e; /* accent buttons */
--accent-4: #963e4c; /* accent buttons when hovered */
--accent-5: #883e96; /* accent buttons when clicked */
--mention: rgba(76, 150, 62, 0.1);
--mention-hover: rgba(76, 150, 62, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #96883e;
--accent-2: #96883e;
--accent-3: #96883e;
--accent-4: #963e4c;
--accent-5: #883e96;
--mention: rgba(62, 76, 150, 0.1);
--mention-hover: rgba(62, 76, 150, 0.15);
/* text colors */
--text-0: #031a16; /* text on colored elements */
--text-1: #81b5ac; /* primary white-ish text */
--text-2: #d2e7e4; /* headings */
--text-3: #81b5ac; /* normal text */
--text-4: #5f9c92; /* icon buttons and channels */
--text-5: #2b685e; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #031a16;
--text-1: #a7cec8;
--text-2: #a7cec8;
--text-3: #81b5ac;
--text-4: #5f9c92;
--text-5: #2b685e;
/* background and dark colors */
--bg-1: #184e45; /* dark buttons when clicked */
--bg-2: #0b342d; /* dark buttons */
--bg-3: #184e45; /* spacing, secondary elements */
--bg-4: #031a16; /* main background color */
--hover: #184e45; /* channels and buttons when hovered */
--active: #2b685e; /* channels and buttons when selected */
--message-hover: rgba(11, 52, 45, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #031a16; /* Master background (Deepest) */
--bg-3: #0b342d; /* Secondary background */
--bg-2: #184e45; /* Buttons and UI elements */
--bg-1: #2b685e; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(129, 181, 172, 0.05);
--active: rgba(129, 181, 172, 0.1);
--message-hover: rgba(129, 181, 172, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #031a16 !important;
background: #96883e !important;
}

100
build/base16-apprentice
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #ffffaf; /* Green */
--dnd-indicator: #444444; /* Red */
--idle-indicator: #87af87; /* Yellow */
--streaming-indicator: #5fafaf; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #ffffaf;
--dnd-indicator: #444444;
--idle-indicator: #87af87;
--streaming-indicator: #5fafaf;
/* accent colors */
--accent-1: #8787af; /* links */
--accent-2: #5fafaf; /* general unread/mention elements */
--accent-3: #8787af; /* accent buttons */
--accent-4: #87afd7; /* accent buttons when hovered */
--accent-5: #ffffaf; /* accent buttons when clicked */
--mention: rgba(95, 175, 175, 0.1);
--mention-hover: rgba(95, 175, 175, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #8787af;
--accent-2: #8787af;
--accent-3: #8787af;
--accent-4: #87afd7;
--accent-5: #ffffaf;
--mention: rgba(135, 175, 135, 0.1);
--mention-hover: rgba(135, 175, 135, 0.15);
/* text colors */
--text-0: #262626; /* text on colored elements */
--text-1: #5f5f87; /* primary white-ish text */
--text-2: #6c6c6c; /* headings */
--text-3: #5f5f87; /* normal text */
--text-4: #5f87af; /* icon buttons and channels */
--text-5: #87875f; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #262626;
--text-1: #5f8787;
--text-2: #5f8787;
--text-3: #5f5f87;
--text-4: #5f87af;
--text-5: #87875f;
/* background and dark colors */
--bg-1: #5f875f; /* dark buttons when clicked */
--bg-2: #af5f5f; /* dark buttons */
--bg-3: #5f875f; /* spacing, secondary elements */
--bg-4: #262626; /* main background color */
--hover: #5f875f; /* channels and buttons when hovered */
--active: #87875f; /* channels and buttons when selected */
--message-hover: rgba(175, 95, 95, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #262626; /* Master background (Deepest) */
--bg-3: #af5f5f; /* Secondary background */
--bg-2: #5f875f; /* Buttons and UI elements */
--bg-1: #87875f; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(95, 95, 135, 0.05);
--active: rgba(95, 95, 135, 0.1);
--message-hover: rgba(95, 95, 135, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #262626 !important;
background: #8787af !important;
}

100
build/base16-ascendancy
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #b8bb26; /* Green */
--dnd-indicator: #d05000; /* Red */
--idle-indicator: #ffcc1b; /* Yellow */
--streaming-indicator: #fabd2f; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #b8bb26;
--dnd-indicator: #d05000;
--idle-indicator: #ffcc1b;
--streaming-indicator: #fabd2f;
/* accent colors */
--accent-1: #458588; /* links */
--accent-2: #fabd2f; /* general unread/mention elements */
--accent-3: #458588; /* accent buttons */
--accent-4: #8f3f71; /* accent buttons when hovered */
--accent-5: #b8bb26; /* accent buttons when clicked */
--mention: rgba(250, 189, 47, 0.1);
--mention-hover: rgba(250, 189, 47, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #458588;
--accent-2: #458588;
--accent-3: #458588;
--accent-4: #8f3f71;
--accent-5: #b8bb26;
--mention: rgba(255, 204, 27, 0.1);
--mention-hover: rgba(255, 204, 27, 0.15);
/* text colors */
--text-0: #282828; /* text on colored elements */
--text-1: #d5c7a1; /* primary white-ish text */
--text-2: #fbf1c7; /* headings */
--text-3: #d5c7a1; /* normal text */
--text-4: #bdae93; /* icon buttons and channels */
--text-5: #928374; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #282828;
--text-1: #ebdbb2;
--text-2: #ebdbb2;
--text-3: #d5c7a1;
--text-4: #bdae93;
--text-5: #928374;
/* background and dark colors */
--bg-1: #504945; /* dark buttons when clicked */
--bg-2: #212f3d; /* dark buttons */
--bg-3: #504945; /* spacing, secondary elements */
--bg-4: #282828; /* main background color */
--hover: #504945; /* channels and buttons when hovered */
--active: #928374; /* channels and buttons when selected */
--message-hover: rgba(33, 47, 61, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #282828; /* Master background (Deepest) */
--bg-3: #212f3d; /* Secondary background */
--bg-2: #504945; /* Buttons and UI elements */
--bg-1: #928374; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(213, 199, 161, 0.05);
--active: rgba(213, 199, 161, 0.1);
--message-hover: rgba(213, 199, 161, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #282828 !important;
background: #458588 !important;
}

100
build/base16-ashes
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #95c7ae; /* Green */
--dnd-indicator: #c7ae95; /* Red */
--idle-indicator: #aec795; /* Yellow */
--streaming-indicator: #c795ae; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #95c7ae;
--dnd-indicator: #c7ae95;
--idle-indicator: #aec795;
--streaming-indicator: #c795ae;
/* accent colors */
--accent-1: #ae95c7; /* links */
--accent-2: #c795ae; /* general unread/mention elements */
--accent-3: #ae95c7; /* accent buttons */
--accent-4: #95aec7; /* accent buttons when hovered */
--accent-5: #95c7ae; /* accent buttons when clicked */
--mention: rgba(199, 149, 174, 0.1);
--mention-hover: rgba(199, 149, 174, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #ae95c7;
--accent-2: #ae95c7;
--accent-3: #ae95c7;
--accent-4: #95aec7;
--accent-5: #95c7ae;
--mention: rgba(174, 199, 149, 0.1);
--mention-hover: rgba(174, 199, 149, 0.15);
/* text colors */
--text-0: #1c2023; /* text on colored elements */
--text-1: #c7ccd1; /* primary white-ish text */
--text-2: #f3f4f5; /* headings */
--text-3: #c7ccd1; /* normal text */
--text-4: #adb3ba; /* icon buttons and channels */
--text-5: #747c84; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1c2023;
--text-1: #dfe2e5;
--text-2: #dfe2e5;
--text-3: #c7ccd1;
--text-4: #adb3ba;
--text-5: #747c84;
/* background and dark colors */
--bg-1: #565e65; /* dark buttons when clicked */
--bg-2: #393f45; /* dark buttons */
--bg-3: #565e65; /* spacing, secondary elements */
--bg-4: #1c2023; /* main background color */
--hover: #565e65; /* channels and buttons when hovered */
--active: #747c84; /* channels and buttons when selected */
--message-hover: rgba(57, 63, 69, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1c2023; /* Master background (Deepest) */
--bg-3: #393f45; /* Secondary background */
--bg-2: #565e65; /* Buttons and UI elements */
--bg-1: #747c84; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(199, 204, 209, 0.05);
--active: rgba(199, 204, 209, 0.1);
--message-hover: rgba(199, 204, 209, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1c2023 !important;
background: #ae95c7 !important;
}

100
build/base16-atelier-cave
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #2a9292; /* Green */
--dnd-indicator: #be4678; /* Red */
--idle-indicator: #a06e3b; /* Yellow */
--streaming-indicator: #955ae7; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #2a9292;
--dnd-indicator: #be4678;
--idle-indicator: #a06e3b;
--streaming-indicator: #955ae7;
/* accent colors */
--accent-1: #576ddb; /* links */
--accent-2: #955ae7; /* general unread/mention elements */
--accent-3: #576ddb; /* accent buttons */
--accent-4: #398bc6; /* accent buttons when hovered */
--accent-5: #2a9292; /* accent buttons when clicked */
--mention: rgba(149, 90, 231, 0.1);
--mention-hover: rgba(149, 90, 231, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #576ddb;
--accent-2: #576ddb;
--accent-3: #576ddb;
--accent-4: #398bc6;
--accent-5: #2a9292;
--mention: rgba(160, 110, 59, 0.1);
--mention-hover: rgba(160, 110, 59, 0.15);
/* text colors */
--text-0: #19171c; /* text on colored elements */
--text-1: #8b8792; /* primary white-ish text */
--text-2: #efecf4; /* headings */
--text-3: #8b8792; /* normal text */
--text-4: #7e7887; /* icon buttons and channels */
--text-5: #655f6d; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #19171c;
--text-1: #e2dfe7;
--text-2: #e2dfe7;
--text-3: #8b8792;
--text-4: #7e7887;
--text-5: #655f6d;
/* background and dark colors */
--bg-1: #585260; /* dark buttons when clicked */
--bg-2: #26232a; /* dark buttons */
--bg-3: #585260; /* spacing, secondary elements */
--bg-4: #19171c; /* main background color */
--hover: #585260; /* channels and buttons when hovered */
--active: #655f6d; /* channels and buttons when selected */
--message-hover: rgba(38, 35, 42, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #19171c; /* Master background (Deepest) */
--bg-3: #26232a; /* Secondary background */
--bg-2: #585260; /* Buttons and UI elements */
--bg-1: #655f6d; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(139, 135, 146, 0.05);
--active: rgba(139, 135, 146, 0.1);
--message-hover: rgba(139, 135, 146, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #19171c !important;
background: #576ddb !important;
}

100
build/base16-atelier-cave-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #2a9292; /* Green */
--dnd-indicator: #be4678; /* Red */
--idle-indicator: #a06e3b; /* Yellow */
--streaming-indicator: #955ae7; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #2a9292;
--dnd-indicator: #be4678;
--idle-indicator: #a06e3b;
--streaming-indicator: #955ae7;
/* accent colors */
--accent-1: #576ddb; /* links */
--accent-2: #955ae7; /* general unread/mention elements */
--accent-3: #576ddb; /* accent buttons */
--accent-4: #398bc6; /* accent buttons when hovered */
--accent-5: #2a9292; /* accent buttons when clicked */
--mention: rgba(149, 90, 231, 0.1);
--mention-hover: rgba(149, 90, 231, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #576ddb;
--accent-2: #576ddb;
--accent-3: #576ddb;
--accent-4: #398bc6;
--accent-5: #2a9292;
--mention: rgba(160, 110, 59, 0.1);
--mention-hover: rgba(160, 110, 59, 0.15);
/* text colors */
--text-0: #efecf4; /* text on colored elements */
--text-1: #585260; /* primary white-ish text */
--text-2: #19171c; /* headings */
--text-3: #585260; /* normal text */
--text-4: #655f6d; /* icon buttons and channels */
--text-5: #7e7887; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #efecf4;
--text-1: #26232a;
--text-2: #26232a;
--text-3: #585260;
--text-4: #655f6d;
--text-5: #7e7887;
/* background and dark colors */
--bg-1: #8b8792; /* dark buttons when clicked */
--bg-2: #e2dfe7; /* dark buttons */
--bg-3: #8b8792; /* spacing, secondary elements */
--bg-4: #efecf4; /* main background color */
--hover: #8b8792; /* channels and buttons when hovered */
--active: #7e7887; /* channels and buttons when selected */
--message-hover: rgba(226, 223, 231, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #efecf4; /* Master background (Deepest) */
--bg-3: #e2dfe7; /* Secondary background */
--bg-2: #8b8792; /* Buttons and UI elements */
--bg-1: #7e7887; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(88, 82, 96, 0.05);
--active: rgba(88, 82, 96, 0.1);
--message-hover: rgba(88, 82, 96, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #efecf4 !important;
background: #576ddb !important;
}

100
build/base16-atelier-dune
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #60ac39; /* Green */
--dnd-indicator: #d73737; /* Red */
--idle-indicator: #ae9513; /* Yellow */
--streaming-indicator: #b854d4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #60ac39;
--dnd-indicator: #d73737;
--idle-indicator: #ae9513;
--streaming-indicator: #b854d4;
/* accent colors */
--accent-1: #6684e1; /* links */
--accent-2: #b854d4; /* general unread/mention elements */
--accent-3: #6684e1; /* accent buttons */
--accent-4: #1fad83; /* accent buttons when hovered */
--accent-5: #60ac39; /* accent buttons when clicked */
--mention: rgba(184, 84, 212, 0.1);
--mention-hover: rgba(184, 84, 212, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6684e1;
--accent-2: #6684e1;
--accent-3: #6684e1;
--accent-4: #1fad83;
--accent-5: #60ac39;
--mention: rgba(174, 149, 19, 0.1);
--mention-hover: rgba(174, 149, 19, 0.15);
/* text colors */
--text-0: #20201d; /* text on colored elements */
--text-1: #a6a28c; /* primary white-ish text */
--text-2: #fefbec; /* headings */
--text-3: #a6a28c; /* normal text */
--text-4: #999580; /* icon buttons and channels */
--text-5: #7d7a68; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #20201d;
--text-1: #e8e4cf;
--text-2: #e8e4cf;
--text-3: #a6a28c;
--text-4: #999580;
--text-5: #7d7a68;
/* background and dark colors */
--bg-1: #6e6b5e; /* dark buttons when clicked */
--bg-2: #292824; /* dark buttons */
--bg-3: #6e6b5e; /* spacing, secondary elements */
--bg-4: #20201d; /* main background color */
--hover: #6e6b5e; /* channels and buttons when hovered */
--active: #7d7a68; /* channels and buttons when selected */
--message-hover: rgba(41, 40, 36, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #20201d; /* Master background (Deepest) */
--bg-3: #292824; /* Secondary background */
--bg-2: #6e6b5e; /* Buttons and UI elements */
--bg-1: #7d7a68; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(166, 162, 140, 0.05);
--active: rgba(166, 162, 140, 0.1);
--message-hover: rgba(166, 162, 140, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #20201d !important;
background: #6684e1 !important;
}

100
build/base16-atelier-dune-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #60ac39; /* Green */
--dnd-indicator: #d73737; /* Red */
--idle-indicator: #ae9513; /* Yellow */
--streaming-indicator: #b854d4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #60ac39;
--dnd-indicator: #d73737;
--idle-indicator: #ae9513;
--streaming-indicator: #b854d4;
/* accent colors */
--accent-1: #6684e1; /* links */
--accent-2: #b854d4; /* general unread/mention elements */
--accent-3: #6684e1; /* accent buttons */
--accent-4: #1fad83; /* accent buttons when hovered */
--accent-5: #60ac39; /* accent buttons when clicked */
--mention: rgba(184, 84, 212, 0.1);
--mention-hover: rgba(184, 84, 212, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6684e1;
--accent-2: #6684e1;
--accent-3: #6684e1;
--accent-4: #1fad83;
--accent-5: #60ac39;
--mention: rgba(174, 149, 19, 0.1);
--mention-hover: rgba(174, 149, 19, 0.15);
/* text colors */
--text-0: #fefbec; /* text on colored elements */
--text-1: #6e6b5e; /* primary white-ish text */
--text-2: #20201d; /* headings */
--text-3: #6e6b5e; /* normal text */
--text-4: #7d7a68; /* icon buttons and channels */
--text-5: #999580; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #fefbec;
--text-1: #292824;
--text-2: #292824;
--text-3: #6e6b5e;
--text-4: #7d7a68;
--text-5: #999580;
/* background and dark colors */
--bg-1: #a6a28c; /* dark buttons when clicked */
--bg-2: #e8e4cf; /* dark buttons */
--bg-3: #a6a28c; /* spacing, secondary elements */
--bg-4: #fefbec; /* main background color */
--hover: #a6a28c; /* channels and buttons when hovered */
--active: #999580; /* channels and buttons when selected */
--message-hover: rgba(232, 228, 207, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #fefbec; /* Master background (Deepest) */
--bg-3: #e8e4cf; /* Secondary background */
--bg-2: #a6a28c; /* Buttons and UI elements */
--bg-1: #999580; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(110, 107, 94, 0.05);
--active: rgba(110, 107, 94, 0.1);
--message-hover: rgba(110, 107, 94, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #fefbec !important;
background: #6684e1 !important;
}

100
build/base16-atelier-estuary
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7d9726; /* Green */
--dnd-indicator: #ba6236; /* Red */
--idle-indicator: #a5980d; /* Yellow */
--streaming-indicator: #5f9182; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7d9726;
--dnd-indicator: #ba6236;
--idle-indicator: #a5980d;
--streaming-indicator: #5f9182;
/* accent colors */
--accent-1: #36a166; /* links */
--accent-2: #5f9182; /* general unread/mention elements */
--accent-3: #36a166; /* accent buttons */
--accent-4: #5b9d48; /* accent buttons when hovered */
--accent-5: #7d9726; /* accent buttons when clicked */
--mention: rgba(95, 145, 130, 0.1);
--mention-hover: rgba(95, 145, 130, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #36a166;
--accent-2: #36a166;
--accent-3: #36a166;
--accent-4: #5b9d48;
--accent-5: #7d9726;
--mention: rgba(165, 152, 13, 0.1);
--mention-hover: rgba(165, 152, 13, 0.15);
/* text colors */
--text-0: #22221b; /* text on colored elements */
--text-1: #929181; /* primary white-ish text */
--text-2: #f4f3ec; /* headings */
--text-3: #929181; /* normal text */
--text-4: #878573; /* icon buttons and channels */
--text-5: #6c6b5a; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #22221b;
--text-1: #e7e6df;
--text-2: #e7e6df;
--text-3: #929181;
--text-4: #878573;
--text-5: #6c6b5a;
/* background and dark colors */
--bg-1: #5f5e4e; /* dark buttons when clicked */
--bg-2: #302f27; /* dark buttons */
--bg-3: #5f5e4e; /* spacing, secondary elements */
--bg-4: #22221b; /* main background color */
--hover: #5f5e4e; /* channels and buttons when hovered */
--active: #6c6b5a; /* channels and buttons when selected */
--message-hover: rgba(48, 47, 39, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #22221b; /* Master background (Deepest) */
--bg-3: #302f27; /* Secondary background */
--bg-2: #5f5e4e; /* Buttons and UI elements */
--bg-1: #6c6b5a; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(146, 145, 129, 0.05);
--active: rgba(146, 145, 129, 0.1);
--message-hover: rgba(146, 145, 129, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #22221b !important;
background: #36a166 !important;
}

100
build/base16-atelier-estuary-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7d9726; /* Green */
--dnd-indicator: #ba6236; /* Red */
--idle-indicator: #a5980d; /* Yellow */
--streaming-indicator: #5f9182; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7d9726;
--dnd-indicator: #ba6236;
--idle-indicator: #a5980d;
--streaming-indicator: #5f9182;
/* accent colors */
--accent-1: #36a166; /* links */
--accent-2: #5f9182; /* general unread/mention elements */
--accent-3: #36a166; /* accent buttons */
--accent-4: #5b9d48; /* accent buttons when hovered */
--accent-5: #7d9726; /* accent buttons when clicked */
--mention: rgba(95, 145, 130, 0.1);
--mention-hover: rgba(95, 145, 130, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #36a166;
--accent-2: #36a166;
--accent-3: #36a166;
--accent-4: #5b9d48;
--accent-5: #7d9726;
--mention: rgba(165, 152, 13, 0.1);
--mention-hover: rgba(165, 152, 13, 0.15);
/* text colors */
--text-0: #f4f3ec; /* text on colored elements */
--text-1: #5f5e4e; /* primary white-ish text */
--text-2: #22221b; /* headings */
--text-3: #5f5e4e; /* normal text */
--text-4: #6c6b5a; /* icon buttons and channels */
--text-5: #878573; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f4f3ec;
--text-1: #302f27;
--text-2: #302f27;
--text-3: #5f5e4e;
--text-4: #6c6b5a;
--text-5: #878573;
/* background and dark colors */
--bg-1: #929181; /* dark buttons when clicked */
--bg-2: #e7e6df; /* dark buttons */
--bg-3: #929181; /* spacing, secondary elements */
--bg-4: #f4f3ec; /* main background color */
--hover: #929181; /* channels and buttons when hovered */
--active: #878573; /* channels and buttons when selected */
--message-hover: rgba(231, 230, 223, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f4f3ec; /* Master background (Deepest) */
--bg-3: #e7e6df; /* Secondary background */
--bg-2: #929181; /* Buttons and UI elements */
--bg-1: #878573; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(95, 94, 78, 0.05);
--active: rgba(95, 94, 78, 0.1);
--message-hover: rgba(95, 94, 78, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f4f3ec !important;
background: #36a166 !important;
}

100
build/base16-atelier-forest
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7b9726; /* Green */
--dnd-indicator: #f22c40; /* Red */
--idle-indicator: #c38418; /* Yellow */
--streaming-indicator: #6666ea; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7b9726;
--dnd-indicator: #f22c40;
--idle-indicator: #c38418;
--streaming-indicator: #6666ea;
/* accent colors */
--accent-1: #407ee7; /* links */
--accent-2: #6666ea; /* general unread/mention elements */
--accent-3: #407ee7; /* accent buttons */
--accent-4: #3d97b8; /* accent buttons when hovered */
--accent-5: #7b9726; /* accent buttons when clicked */
--mention: rgba(102, 102, 234, 0.1);
--mention-hover: rgba(102, 102, 234, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #407ee7;
--accent-2: #407ee7;
--accent-3: #407ee7;
--accent-4: #3d97b8;
--accent-5: #7b9726;
--mention: rgba(195, 132, 24, 0.1);
--mention-hover: rgba(195, 132, 24, 0.15);
/* text colors */
--text-0: #1b1918; /* text on colored elements */
--text-1: #a8a19f; /* primary white-ish text */
--text-2: #f1efee; /* headings */
--text-3: #a8a19f; /* normal text */
--text-4: #9c9491; /* icon buttons and channels */
--text-5: #766e6b; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1b1918;
--text-1: #e6e2e0;
--text-2: #e6e2e0;
--text-3: #a8a19f;
--text-4: #9c9491;
--text-5: #766e6b;
/* background and dark colors */
--bg-1: #68615e; /* dark buttons when clicked */
--bg-2: #2c2421; /* dark buttons */
--bg-3: #68615e; /* spacing, secondary elements */
--bg-4: #1b1918; /* main background color */
--hover: #68615e; /* channels and buttons when hovered */
--active: #766e6b; /* channels and buttons when selected */
--message-hover: rgba(44, 36, 33, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1b1918; /* Master background (Deepest) */
--bg-3: #2c2421; /* Secondary background */
--bg-2: #68615e; /* Buttons and UI elements */
--bg-1: #766e6b; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(168, 161, 159, 0.05);
--active: rgba(168, 161, 159, 0.1);
--message-hover: rgba(168, 161, 159, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1b1918 !important;
background: #407ee7 !important;
}

100
build/base16-atelier-forest-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7b9726; /* Green */
--dnd-indicator: #f22c40; /* Red */
--idle-indicator: #c38418; /* Yellow */
--streaming-indicator: #6666ea; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7b9726;
--dnd-indicator: #f22c40;
--idle-indicator: #c38418;
--streaming-indicator: #6666ea;
/* accent colors */
--accent-1: #407ee7; /* links */
--accent-2: #6666ea; /* general unread/mention elements */
--accent-3: #407ee7; /* accent buttons */
--accent-4: #3d97b8; /* accent buttons when hovered */
--accent-5: #7b9726; /* accent buttons when clicked */
--mention: rgba(102, 102, 234, 0.1);
--mention-hover: rgba(102, 102, 234, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #407ee7;
--accent-2: #407ee7;
--accent-3: #407ee7;
--accent-4: #3d97b8;
--accent-5: #7b9726;
--mention: rgba(195, 132, 24, 0.1);
--mention-hover: rgba(195, 132, 24, 0.15);
/* text colors */
--text-0: #f1efee; /* text on colored elements */
--text-1: #68615e; /* primary white-ish text */
--text-2: #1b1918; /* headings */
--text-3: #68615e; /* normal text */
--text-4: #766e6b; /* icon buttons and channels */
--text-5: #9c9491; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f1efee;
--text-1: #2c2421;
--text-2: #2c2421;
--text-3: #68615e;
--text-4: #766e6b;
--text-5: #9c9491;
/* background and dark colors */
--bg-1: #a8a19f; /* dark buttons when clicked */
--bg-2: #e6e2e0; /* dark buttons */
--bg-3: #a8a19f; /* spacing, secondary elements */
--bg-4: #f1efee; /* main background color */
--hover: #a8a19f; /* channels and buttons when hovered */
--active: #9c9491; /* channels and buttons when selected */
--message-hover: rgba(230, 226, 224, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f1efee; /* Master background (Deepest) */
--bg-3: #e6e2e0; /* Secondary background */
--bg-2: #a8a19f; /* Buttons and UI elements */
--bg-1: #9c9491; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(104, 97, 94, 0.05);
--active: rgba(104, 97, 94, 0.1);
--message-hover: rgba(104, 97, 94, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f1efee !important;
background: #407ee7 !important;
}

100
build/base16-atelier-heath
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #918b3b; /* Green */
--dnd-indicator: #ca402b; /* Red */
--idle-indicator: #bb8a35; /* Yellow */
--streaming-indicator: #7b59c0; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #918b3b;
--dnd-indicator: #ca402b;
--idle-indicator: #bb8a35;
--streaming-indicator: #7b59c0;
/* accent colors */
--accent-1: #516aec; /* links */
--accent-2: #7b59c0; /* general unread/mention elements */
--accent-3: #516aec; /* accent buttons */
--accent-4: #159393; /* accent buttons when hovered */
--accent-5: #918b3b; /* accent buttons when clicked */
--mention: rgba(123, 89, 192, 0.1);
--mention-hover: rgba(123, 89, 192, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #516aec;
--accent-2: #516aec;
--accent-3: #516aec;
--accent-4: #159393;
--accent-5: #918b3b;
--mention: rgba(187, 138, 53, 0.1);
--mention-hover: rgba(187, 138, 53, 0.15);
/* text colors */
--text-0: #1b181b; /* text on colored elements */
--text-1: #ab9bab; /* primary white-ish text */
--text-2: #f7f3f7; /* headings */
--text-3: #ab9bab; /* normal text */
--text-4: #9e8f9e; /* icon buttons and channels */
--text-5: #776977; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1b181b;
--text-1: #d8cad8;
--text-2: #d8cad8;
--text-3: #ab9bab;
--text-4: #9e8f9e;
--text-5: #776977;
/* background and dark colors */
--bg-1: #695d69; /* dark buttons when clicked */
--bg-2: #292329; /* dark buttons */
--bg-3: #695d69; /* spacing, secondary elements */
--bg-4: #1b181b; /* main background color */
--hover: #695d69; /* channels and buttons when hovered */
--active: #776977; /* channels and buttons when selected */
--message-hover: rgba(41, 35, 41, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1b181b; /* Master background (Deepest) */
--bg-3: #292329; /* Secondary background */
--bg-2: #695d69; /* Buttons and UI elements */
--bg-1: #776977; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(171, 155, 171, 0.05);
--active: rgba(171, 155, 171, 0.1);
--message-hover: rgba(171, 155, 171, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1b181b !important;
background: #516aec !important;
}

100
build/base16-atelier-heath-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #918b3b; /* Green */
--dnd-indicator: #ca402b; /* Red */
--idle-indicator: #bb8a35; /* Yellow */
--streaming-indicator: #7b59c0; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #918b3b;
--dnd-indicator: #ca402b;
--idle-indicator: #bb8a35;
--streaming-indicator: #7b59c0;
/* accent colors */
--accent-1: #516aec; /* links */
--accent-2: #7b59c0; /* general unread/mention elements */
--accent-3: #516aec; /* accent buttons */
--accent-4: #159393; /* accent buttons when hovered */
--accent-5: #918b3b; /* accent buttons when clicked */
--mention: rgba(123, 89, 192, 0.1);
--mention-hover: rgba(123, 89, 192, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #516aec;
--accent-2: #516aec;
--accent-3: #516aec;
--accent-4: #159393;
--accent-5: #918b3b;
--mention: rgba(187, 138, 53, 0.1);
--mention-hover: rgba(187, 138, 53, 0.15);
/* text colors */
--text-0: #f7f3f7; /* text on colored elements */
--text-1: #695d69; /* primary white-ish text */
--text-2: #1b181b; /* headings */
--text-3: #695d69; /* normal text */
--text-4: #776977; /* icon buttons and channels */
--text-5: #9e8f9e; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f7f3f7;
--text-1: #292329;
--text-2: #292329;
--text-3: #695d69;
--text-4: #776977;
--text-5: #9e8f9e;
/* background and dark colors */
--bg-1: #ab9bab; /* dark buttons when clicked */
--bg-2: #d8cad8; /* dark buttons */
--bg-3: #ab9bab; /* spacing, secondary elements */
--bg-4: #f7f3f7; /* main background color */
--hover: #ab9bab; /* channels and buttons when hovered */
--active: #9e8f9e; /* channels and buttons when selected */
--message-hover: rgba(216, 202, 216, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f7f3f7; /* Master background (Deepest) */
--bg-3: #d8cad8; /* Secondary background */
--bg-2: #ab9bab; /* Buttons and UI elements */
--bg-1: #9e8f9e; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(105, 93, 105, 0.05);
--active: rgba(105, 93, 105, 0.1);
--message-hover: rgba(105, 93, 105, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f7f3f7 !important;
background: #516aec !important;
}

100
build/base16-atelier-lakeside
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #568c3b; /* Green */
--dnd-indicator: #d22d72; /* Red */
--idle-indicator: #8a8a0f; /* Yellow */
--streaming-indicator: #6b6bb8; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #568c3b;
--dnd-indicator: #d22d72;
--idle-indicator: #8a8a0f;
--streaming-indicator: #6b6bb8;
/* accent colors */
--accent-1: #257fad; /* links */
--accent-2: #6b6bb8; /* general unread/mention elements */
--accent-3: #257fad; /* accent buttons */
--accent-4: #2d8f6f; /* accent buttons when hovered */
--accent-5: #568c3b; /* accent buttons when clicked */
--mention: rgba(107, 107, 184, 0.1);
--mention-hover: rgba(107, 107, 184, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #257fad;
--accent-2: #257fad;
--accent-3: #257fad;
--accent-4: #2d8f6f;
--accent-5: #568c3b;
--mention: rgba(138, 138, 15, 0.1);
--mention-hover: rgba(138, 138, 15, 0.15);
/* text colors */
--text-0: #161b1d; /* text on colored elements */
--text-1: #7ea2b4; /* primary white-ish text */
--text-2: #ebf8ff; /* headings */
--text-3: #7ea2b4; /* normal text */
--text-4: #7195a8; /* icon buttons and channels */
--text-5: #5a7b8c; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #161b1d;
--text-1: #c1e4f6;
--text-2: #c1e4f6;
--text-3: #7ea2b4;
--text-4: #7195a8;
--text-5: #5a7b8c;
/* background and dark colors */
--bg-1: #516d7b; /* dark buttons when clicked */
--bg-2: #1f292e; /* dark buttons */
--bg-3: #516d7b; /* spacing, secondary elements */
--bg-4: #161b1d; /* main background color */
--hover: #516d7b; /* channels and buttons when hovered */
--active: #5a7b8c; /* channels and buttons when selected */
--message-hover: rgba(31, 41, 46, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #161b1d; /* Master background (Deepest) */
--bg-3: #1f292e; /* Secondary background */
--bg-2: #516d7b; /* Buttons and UI elements */
--bg-1: #5a7b8c; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(126, 162, 180, 0.05);
--active: rgba(126, 162, 180, 0.1);
--message-hover: rgba(126, 162, 180, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #161b1d !important;
background: #257fad !important;
}

100
build/base16-atelier-lakeside-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #568c3b; /* Green */
--dnd-indicator: #d22d72; /* Red */
--idle-indicator: #8a8a0f; /* Yellow */
--streaming-indicator: #6b6bb8; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #568c3b;
--dnd-indicator: #d22d72;
--idle-indicator: #8a8a0f;
--streaming-indicator: #6b6bb8;
/* accent colors */
--accent-1: #257fad; /* links */
--accent-2: #6b6bb8; /* general unread/mention elements */
--accent-3: #257fad; /* accent buttons */
--accent-4: #2d8f6f; /* accent buttons when hovered */
--accent-5: #568c3b; /* accent buttons when clicked */
--mention: rgba(107, 107, 184, 0.1);
--mention-hover: rgba(107, 107, 184, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #257fad;
--accent-2: #257fad;
--accent-3: #257fad;
--accent-4: #2d8f6f;
--accent-5: #568c3b;
--mention: rgba(138, 138, 15, 0.1);
--mention-hover: rgba(138, 138, 15, 0.15);
/* text colors */
--text-0: #ebf8ff; /* text on colored elements */
--text-1: #516d7b; /* primary white-ish text */
--text-2: #161b1d; /* headings */
--text-3: #516d7b; /* normal text */
--text-4: #5a7b8c; /* icon buttons and channels */
--text-5: #7195a8; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #ebf8ff;
--text-1: #1f292e;
--text-2: #1f292e;
--text-3: #516d7b;
--text-4: #5a7b8c;
--text-5: #7195a8;
/* background and dark colors */
--bg-1: #7ea2b4; /* dark buttons when clicked */
--bg-2: #c1e4f6; /* dark buttons */
--bg-3: #7ea2b4; /* spacing, secondary elements */
--bg-4: #ebf8ff; /* main background color */
--hover: #7ea2b4; /* channels and buttons when hovered */
--active: #7195a8; /* channels and buttons when selected */
--message-hover: rgba(193, 228, 246, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #ebf8ff; /* Master background (Deepest) */
--bg-3: #c1e4f6; /* Secondary background */
--bg-2: #7ea2b4; /* Buttons and UI elements */
--bg-1: #7195a8; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(81, 109, 123, 0.05);
--active: rgba(81, 109, 123, 0.1);
--message-hover: rgba(81, 109, 123, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #ebf8ff !important;
background: #257fad !important;
}

100
build/base16-atelier-plateau
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #4b8b8b; /* Green */
--dnd-indicator: #ca4949; /* Red */
--idle-indicator: #a06e3b; /* Yellow */
--streaming-indicator: #8464c4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #4b8b8b;
--dnd-indicator: #ca4949;
--idle-indicator: #a06e3b;
--streaming-indicator: #8464c4;
/* accent colors */
--accent-1: #7272ca; /* links */
--accent-2: #8464c4; /* general unread/mention elements */
--accent-3: #7272ca; /* accent buttons */
--accent-4: #5485b6; /* accent buttons when hovered */
--accent-5: #4b8b8b; /* accent buttons when clicked */
--mention: rgba(132, 100, 196, 0.1);
--mention-hover: rgba(132, 100, 196, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #7272ca;
--accent-2: #7272ca;
--accent-3: #7272ca;
--accent-4: #5485b6;
--accent-5: #4b8b8b;
--mention: rgba(160, 110, 59, 0.1);
--mention-hover: rgba(160, 110, 59, 0.15);
/* text colors */
--text-0: #1b1818; /* text on colored elements */
--text-1: #8a8585; /* primary white-ish text */
--text-2: #f4ecec; /* headings */
--text-3: #8a8585; /* normal text */
--text-4: #7e7777; /* icon buttons and channels */
--text-5: #655d5d; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1b1818;
--text-1: #e7dfdf;
--text-2: #e7dfdf;
--text-3: #8a8585;
--text-4: #7e7777;
--text-5: #655d5d;
/* background and dark colors */
--bg-1: #585050; /* dark buttons when clicked */
--bg-2: #292424; /* dark buttons */
--bg-3: #585050; /* spacing, secondary elements */
--bg-4: #1b1818; /* main background color */
--hover: #585050; /* channels and buttons when hovered */
--active: #655d5d; /* channels and buttons when selected */
--message-hover: rgba(41, 36, 36, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1b1818; /* Master background (Deepest) */
--bg-3: #292424; /* Secondary background */
--bg-2: #585050; /* Buttons and UI elements */
--bg-1: #655d5d; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(138, 133, 133, 0.05);
--active: rgba(138, 133, 133, 0.1);
--message-hover: rgba(138, 133, 133, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1b1818 !important;
background: #7272ca !important;
}

100
build/base16-atelier-plateau-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #4b8b8b; /* Green */
--dnd-indicator: #ca4949; /* Red */
--idle-indicator: #a06e3b; /* Yellow */
--streaming-indicator: #8464c4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #4b8b8b;
--dnd-indicator: #ca4949;
--idle-indicator: #a06e3b;
--streaming-indicator: #8464c4;
/* accent colors */
--accent-1: #7272ca; /* links */
--accent-2: #8464c4; /* general unread/mention elements */
--accent-3: #7272ca; /* accent buttons */
--accent-4: #5485b6; /* accent buttons when hovered */
--accent-5: #4b8b8b; /* accent buttons when clicked */
--mention: rgba(132, 100, 196, 0.1);
--mention-hover: rgba(132, 100, 196, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #7272ca;
--accent-2: #7272ca;
--accent-3: #7272ca;
--accent-4: #5485b6;
--accent-5: #4b8b8b;
--mention: rgba(160, 110, 59, 0.1);
--mention-hover: rgba(160, 110, 59, 0.15);
/* text colors */
--text-0: #f4ecec; /* text on colored elements */
--text-1: #585050; /* primary white-ish text */
--text-2: #1b1818; /* headings */
--text-3: #585050; /* normal text */
--text-4: #655d5d; /* icon buttons and channels */
--text-5: #7e7777; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f4ecec;
--text-1: #292424;
--text-2: #292424;
--text-3: #585050;
--text-4: #655d5d;
--text-5: #7e7777;
/* background and dark colors */
--bg-1: #8a8585; /* dark buttons when clicked */
--bg-2: #e7dfdf; /* dark buttons */
--bg-3: #8a8585; /* spacing, secondary elements */
--bg-4: #f4ecec; /* main background color */
--hover: #8a8585; /* channels and buttons when hovered */
--active: #7e7777; /* channels and buttons when selected */
--message-hover: rgba(231, 223, 223, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f4ecec; /* Master background (Deepest) */
--bg-3: #e7dfdf; /* Secondary background */
--bg-2: #8a8585; /* Buttons and UI elements */
--bg-1: #7e7777; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(88, 80, 80, 0.05);
--active: rgba(88, 80, 80, 0.1);
--message-hover: rgba(88, 80, 80, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f4ecec !important;
background: #7272ca !important;
}

100
build/base16-atelier-savanna
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #489963; /* Green */
--dnd-indicator: #b16139; /* Red */
--idle-indicator: #a07e3b; /* Yellow */
--streaming-indicator: #55859b; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #489963;
--dnd-indicator: #b16139;
--idle-indicator: #a07e3b;
--streaming-indicator: #55859b;
/* accent colors */
--accent-1: #478c90; /* links */
--accent-2: #55859b; /* general unread/mention elements */
--accent-3: #478c90; /* accent buttons */
--accent-4: #1c9aa0; /* accent buttons when hovered */
--accent-5: #489963; /* accent buttons when clicked */
--mention: rgba(85, 133, 155, 0.1);
--mention-hover: rgba(85, 133, 155, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #478c90;
--accent-2: #478c90;
--accent-3: #478c90;
--accent-4: #1c9aa0;
--accent-5: #489963;
--mention: rgba(160, 126, 59, 0.1);
--mention-hover: rgba(160, 126, 59, 0.15);
/* text colors */
--text-0: #171c19; /* text on colored elements */
--text-1: #87928a; /* primary white-ish text */
--text-2: #ecf4ee; /* headings */
--text-3: #87928a; /* normal text */
--text-4: #78877d; /* icon buttons and channels */
--text-5: #5f6d64; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #171c19;
--text-1: #dfe7e2;
--text-2: #dfe7e2;
--text-3: #87928a;
--text-4: #78877d;
--text-5: #5f6d64;
/* background and dark colors */
--bg-1: #526057; /* dark buttons when clicked */
--bg-2: #232a25; /* dark buttons */
--bg-3: #526057; /* spacing, secondary elements */
--bg-4: #171c19; /* main background color */
--hover: #526057; /* channels and buttons when hovered */
--active: #5f6d64; /* channels and buttons when selected */
--message-hover: rgba(35, 42, 37, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #171c19; /* Master background (Deepest) */
--bg-3: #232a25; /* Secondary background */
--bg-2: #526057; /* Buttons and UI elements */
--bg-1: #5f6d64; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(135, 146, 138, 0.05);
--active: rgba(135, 146, 138, 0.1);
--message-hover: rgba(135, 146, 138, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #171c19 !important;
background: #478c90 !important;
}

100
build/base16-atelier-savanna-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #489963; /* Green */
--dnd-indicator: #b16139; /* Red */
--idle-indicator: #a07e3b; /* Yellow */
--streaming-indicator: #55859b; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #489963;
--dnd-indicator: #b16139;
--idle-indicator: #a07e3b;
--streaming-indicator: #55859b;
/* accent colors */
--accent-1: #478c90; /* links */
--accent-2: #55859b; /* general unread/mention elements */
--accent-3: #478c90; /* accent buttons */
--accent-4: #1c9aa0; /* accent buttons when hovered */
--accent-5: #489963; /* accent buttons when clicked */
--mention: rgba(85, 133, 155, 0.1);
--mention-hover: rgba(85, 133, 155, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #478c90;
--accent-2: #478c90;
--accent-3: #478c90;
--accent-4: #1c9aa0;
--accent-5: #489963;
--mention: rgba(160, 126, 59, 0.1);
--mention-hover: rgba(160, 126, 59, 0.15);
/* text colors */
--text-0: #ecf4ee; /* text on colored elements */
--text-1: #526057; /* primary white-ish text */
--text-2: #171c19; /* headings */
--text-3: #526057; /* normal text */
--text-4: #5f6d64; /* icon buttons and channels */
--text-5: #78877d; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #ecf4ee;
--text-1: #232a25;
--text-2: #232a25;
--text-3: #526057;
--text-4: #5f6d64;
--text-5: #78877d;
/* background and dark colors */
--bg-1: #87928a; /* dark buttons when clicked */
--bg-2: #dfe7e2; /* dark buttons */
--bg-3: #87928a; /* spacing, secondary elements */
--bg-4: #ecf4ee; /* main background color */
--hover: #87928a; /* channels and buttons when hovered */
--active: #78877d; /* channels and buttons when selected */
--message-hover: rgba(223, 231, 226, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #ecf4ee; /* Master background (Deepest) */
--bg-3: #dfe7e2; /* Secondary background */
--bg-2: #87928a; /* Buttons and UI elements */
--bg-1: #78877d; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(82, 96, 87, 0.05);
--active: rgba(82, 96, 87, 0.1);
--message-hover: rgba(82, 96, 87, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #ecf4ee !important;
background: #478c90 !important;
}

100
build/base16-atelier-seaside
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #29a329; /* Green */
--dnd-indicator: #e6193c; /* Red */
--idle-indicator: #98981b; /* Yellow */
--streaming-indicator: #ad2bee; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #29a329;
--dnd-indicator: #e6193c;
--idle-indicator: #98981b;
--streaming-indicator: #ad2bee;
/* accent colors */
--accent-1: #3d62f5; /* links */
--accent-2: #ad2bee; /* general unread/mention elements */
--accent-3: #3d62f5; /* accent buttons */
--accent-4: #1999b3; /* accent buttons when hovered */
--accent-5: #29a329; /* accent buttons when clicked */
--mention: rgba(173, 43, 238, 0.1);
--mention-hover: rgba(173, 43, 238, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #3d62f5;
--accent-2: #3d62f5;
--accent-3: #3d62f5;
--accent-4: #1999b3;
--accent-5: #29a329;
--mention: rgba(152, 152, 27, 0.1);
--mention-hover: rgba(152, 152, 27, 0.15);
/* text colors */
--text-0: #131513; /* text on colored elements */
--text-1: #8ca68c; /* primary white-ish text */
--text-2: #f4fbf4; /* headings */
--text-3: #8ca68c; /* normal text */
--text-4: #809980; /* icon buttons and channels */
--text-5: #687d68; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #131513;
--text-1: #cfe8cf;
--text-2: #cfe8cf;
--text-3: #8ca68c;
--text-4: #809980;
--text-5: #687d68;
/* background and dark colors */
--bg-1: #5e6e5e; /* dark buttons when clicked */
--bg-2: #242924; /* dark buttons */
--bg-3: #5e6e5e; /* spacing, secondary elements */
--bg-4: #131513; /* main background color */
--hover: #5e6e5e; /* channels and buttons when hovered */
--active: #687d68; /* channels and buttons when selected */
--message-hover: rgba(36, 41, 36, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #131513; /* Master background (Deepest) */
--bg-3: #242924; /* Secondary background */
--bg-2: #5e6e5e; /* Buttons and UI elements */
--bg-1: #687d68; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(140, 166, 140, 0.05);
--active: rgba(140, 166, 140, 0.1);
--message-hover: rgba(140, 166, 140, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #131513 !important;
background: #3d62f5 !important;
}

100
build/base16-atelier-seaside-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #29a329; /* Green */
--dnd-indicator: #e6193c; /* Red */
--idle-indicator: #98981b; /* Yellow */
--streaming-indicator: #ad2bee; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #29a329;
--dnd-indicator: #e6193c;
--idle-indicator: #98981b;
--streaming-indicator: #ad2bee;
/* accent colors */
--accent-1: #3d62f5; /* links */
--accent-2: #ad2bee; /* general unread/mention elements */
--accent-3: #3d62f5; /* accent buttons */
--accent-4: #1999b3; /* accent buttons when hovered */
--accent-5: #29a329; /* accent buttons when clicked */
--mention: rgba(173, 43, 238, 0.1);
--mention-hover: rgba(173, 43, 238, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #3d62f5;
--accent-2: #3d62f5;
--accent-3: #3d62f5;
--accent-4: #1999b3;
--accent-5: #29a329;
--mention: rgba(152, 152, 27, 0.1);
--mention-hover: rgba(152, 152, 27, 0.15);
/* text colors */
--text-0: #f4fbf4; /* text on colored elements */
--text-1: #5e6e5e; /* primary white-ish text */
--text-2: #131513; /* headings */
--text-3: #5e6e5e; /* normal text */
--text-4: #687d68; /* icon buttons and channels */
--text-5: #809980; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f4fbf4;
--text-1: #242924;
--text-2: #242924;
--text-3: #5e6e5e;
--text-4: #687d68;
--text-5: #809980;
/* background and dark colors */
--bg-1: #8ca68c; /* dark buttons when clicked */
--bg-2: #cfe8cf; /* dark buttons */
--bg-3: #8ca68c; /* spacing, secondary elements */
--bg-4: #f4fbf4; /* main background color */
--hover: #8ca68c; /* channels and buttons when hovered */
--active: #809980; /* channels and buttons when selected */
--message-hover: rgba(207, 232, 207, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f4fbf4; /* Master background (Deepest) */
--bg-3: #cfe8cf; /* Secondary background */
--bg-2: #8ca68c; /* Buttons and UI elements */
--bg-1: #809980; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(94, 110, 94, 0.05);
--active: rgba(94, 110, 94, 0.1);
--message-hover: rgba(94, 110, 94, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f4fbf4 !important;
background: #3d62f5 !important;
}

100
build/base16-atelier-sulphurpool
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #ac9739; /* Green */
--dnd-indicator: #c94922; /* Red */
--idle-indicator: #c08b30; /* Yellow */
--streaming-indicator: #6679cc; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #ac9739;
--dnd-indicator: #c94922;
--idle-indicator: #c08b30;
--streaming-indicator: #6679cc;
/* accent colors */
--accent-1: #3d8fd1; /* links */
--accent-2: #6679cc; /* general unread/mention elements */
--accent-3: #3d8fd1; /* accent buttons */
--accent-4: #22a2c9; /* accent buttons when hovered */
--accent-5: #ac9739; /* accent buttons when clicked */
--mention: rgba(102, 121, 204, 0.1);
--mention-hover: rgba(102, 121, 204, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #3d8fd1;
--accent-2: #3d8fd1;
--accent-3: #3d8fd1;
--accent-4: #22a2c9;
--accent-5: #ac9739;
--mention: rgba(192, 139, 48, 0.1);
--mention-hover: rgba(192, 139, 48, 0.15);
/* text colors */
--text-0: #202746; /* text on colored elements */
--text-1: #979db4; /* primary white-ish text */
--text-2: #f5f7ff; /* headings */
--text-3: #979db4; /* normal text */
--text-4: #898ea4; /* icon buttons and channels */
--text-5: #6b7394; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #202746;
--text-1: #dfe2f1;
--text-2: #dfe2f1;
--text-3: #979db4;
--text-4: #898ea4;
--text-5: #6b7394;
/* background and dark colors */
--bg-1: #5e6687; /* dark buttons when clicked */
--bg-2: #293256; /* dark buttons */
--bg-3: #5e6687; /* spacing, secondary elements */
--bg-4: #202746; /* main background color */
--hover: #5e6687; /* channels and buttons when hovered */
--active: #6b7394; /* channels and buttons when selected */
--message-hover: rgba(41, 50, 86, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #202746; /* Master background (Deepest) */
--bg-3: #293256; /* Secondary background */
--bg-2: #5e6687; /* Buttons and UI elements */
--bg-1: #6b7394; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(151, 157, 180, 0.05);
--active: rgba(151, 157, 180, 0.1);
--message-hover: rgba(151, 157, 180, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #202746 !important;
background: #3d8fd1 !important;
}

100
build/base16-atelier-sulphurpool-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #ac9739; /* Green */
--dnd-indicator: #c94922; /* Red */
--idle-indicator: #c08b30; /* Yellow */
--streaming-indicator: #6679cc; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #ac9739;
--dnd-indicator: #c94922;
--idle-indicator: #c08b30;
--streaming-indicator: #6679cc;
/* accent colors */
--accent-1: #3d8fd1; /* links */
--accent-2: #6679cc; /* general unread/mention elements */
--accent-3: #3d8fd1; /* accent buttons */
--accent-4: #22a2c9; /* accent buttons when hovered */
--accent-5: #ac9739; /* accent buttons when clicked */
--mention: rgba(102, 121, 204, 0.1);
--mention-hover: rgba(102, 121, 204, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #3d8fd1;
--accent-2: #3d8fd1;
--accent-3: #3d8fd1;
--accent-4: #22a2c9;
--accent-5: #ac9739;
--mention: rgba(192, 139, 48, 0.1);
--mention-hover: rgba(192, 139, 48, 0.15);
/* text colors */
--text-0: #f5f7ff; /* text on colored elements */
--text-1: #5e6687; /* primary white-ish text */
--text-2: #202746; /* headings */
--text-3: #5e6687; /* normal text */
--text-4: #6b7394; /* icon buttons and channels */
--text-5: #898ea4; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f5f7ff;
--text-1: #293256;
--text-2: #293256;
--text-3: #5e6687;
--text-4: #6b7394;
--text-5: #898ea4;
/* background and dark colors */
--bg-1: #979db4; /* dark buttons when clicked */
--bg-2: #dfe2f1; /* dark buttons */
--bg-3: #979db4; /* spacing, secondary elements */
--bg-4: #f5f7ff; /* main background color */
--hover: #979db4; /* channels and buttons when hovered */
--active: #898ea4; /* channels and buttons when selected */
--message-hover: rgba(223, 226, 241, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f5f7ff; /* Master background (Deepest) */
--bg-3: #dfe2f1; /* Secondary background */
--bg-2: #979db4; /* Buttons and UI elements */
--bg-1: #898ea4; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(94, 102, 135, 0.05);
--active: rgba(94, 102, 135, 0.1);
--message-hover: rgba(94, 102, 135, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f5f7ff !important;
background: #3d8fd1 !important;
}

100
build/base16-atlas
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7fc06e; /* Green */
--dnd-indicator: #ff5a67; /* Red */
--idle-indicator: #ffcc1b; /* Yellow */
--streaming-indicator: #9a70a4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7fc06e;
--dnd-indicator: #ff5a67;
--idle-indicator: #ffcc1b;
--streaming-indicator: #9a70a4;
/* accent colors */
--accent-1: #14747e; /* links */
--accent-2: #9a70a4; /* general unread/mention elements */
--accent-3: #14747e; /* accent buttons */
--accent-4: #5dd7b9; /* accent buttons when hovered */
--accent-5: #7fc06e; /* accent buttons when clicked */
--mention: rgba(154, 112, 164, 0.1);
--mention-hover: rgba(154, 112, 164, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #14747e;
--accent-2: #14747e;
--accent-3: #14747e;
--accent-4: #5dd7b9;
--accent-5: #7fc06e;
--mention: rgba(255, 204, 27, 0.1);
--mention-hover: rgba(255, 204, 27, 0.15);
/* text colors */
--text-0: #002635; /* text on colored elements */
--text-1: #a1a19a; /* primary white-ish text */
--text-2: #fafaf8; /* headings */
--text-3: #a1a19a; /* normal text */
--text-4: #869696; /* icon buttons and channels */
--text-5: #6c8b91; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #002635;
--text-1: #e6e6dc;
--text-2: #e6e6dc;
--text-3: #a1a19a;
--text-4: #869696;
--text-5: #6c8b91;
/* background and dark colors */
--bg-1: #517f8d; /* dark buttons when clicked */
--bg-2: #00384d; /* dark buttons */
--bg-3: #517f8d; /* spacing, secondary elements */
--bg-4: #002635; /* main background color */
--hover: #517f8d; /* channels and buttons when hovered */
--active: #6c8b91; /* channels and buttons when selected */
--message-hover: rgba(0, 56, 77, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #002635; /* Master background (Deepest) */
--bg-3: #00384d; /* Secondary background */
--bg-2: #517f8d; /* Buttons and UI elements */
--bg-1: #6c8b91; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(161, 161, 154, 0.05);
--active: rgba(161, 161, 154, 0.1);
--message-hover: rgba(161, 161, 154, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #002635 !important;
background: #14747e !important;
}

100
build/base16-ayu-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #aad94c; /* Green */
--dnd-indicator: #f07178; /* Red */
--idle-indicator: #ffb454; /* Yellow */
--streaming-indicator: #d2a6ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #aad94c;
--dnd-indicator: #f07178;
--idle-indicator: #ffb454;
--streaming-indicator: #d2a6ff;
/* accent colors */
--accent-1: #59c2ff; /* links */
--accent-2: #d2a6ff; /* general unread/mention elements */
--accent-3: #59c2ff; /* accent buttons */
--accent-4: #95e6cb; /* accent buttons when hovered */
--accent-5: #aad94c; /* accent buttons when clicked */
--mention: rgba(210, 166, 255, 0.1);
--mention-hover: rgba(210, 166, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #59c2ff;
--accent-2: #59c2ff;
--accent-3: #59c2ff;
--accent-4: #95e6cb;
--accent-5: #aad94c;
--mention: rgba(255, 180, 84, 0.1);
--mention-hover: rgba(255, 180, 84, 0.15);
/* text colors */
--text-0: #0b0e14; /* text on colored elements */
--text-1: #e6e1cf; /* primary white-ish text */
--text-2: #f2f0e7; /* headings */
--text-3: #e6e1cf; /* normal text */
--text-4: #bfbdb6; /* icon buttons and channels */
--text-5: #3e4b59; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #0b0e14;
--text-1: #ece8db;
--text-2: #ece8db;
--text-3: #e6e1cf;
--text-4: #bfbdb6;
--text-5: #3e4b59;
/* background and dark colors */
--bg-1: #202229; /* dark buttons when clicked */
--bg-2: #131721; /* dark buttons */
--bg-3: #202229; /* spacing, secondary elements */
--bg-4: #0b0e14; /* main background color */
--hover: #202229; /* channels and buttons when hovered */
--active: #3e4b59; /* channels and buttons when selected */
--message-hover: rgba(19, 23, 33, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #0b0e14; /* Master background (Deepest) */
--bg-3: #131721; /* Secondary background */
--bg-2: #202229; /* Buttons and UI elements */
--bg-1: #3e4b59; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(230, 225, 207, 0.05);
--active: rgba(230, 225, 207, 0.1);
--message-hover: rgba(230, 225, 207, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #0b0e14 !important;
background: #59c2ff !important;
}

100
build/base16-ayu-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #6cbf49; /* Green */
--dnd-indicator: #f07171; /* Red */
--idle-indicator: #f2ae49; /* Yellow */
--streaming-indicator: #a37acc; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #6cbf49;
--dnd-indicator: #f07171;
--idle-indicator: #f2ae49;
--streaming-indicator: #a37acc;
/* accent colors */
--accent-1: #399ee6; /* links */
--accent-2: #a37acc; /* general unread/mention elements */
--accent-3: #399ee6; /* accent buttons */
--accent-4: #4cbf99; /* accent buttons when hovered */
--accent-5: #6cbf49; /* accent buttons when clicked */
--mention: rgba(163, 122, 204, 0.1);
--mention-hover: rgba(163, 122, 204, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #399ee6;
--accent-2: #399ee6;
--accent-3: #399ee6;
--accent-4: #4cbf99;
--accent-5: #6cbf49;
--mention: rgba(242, 174, 73, 0.1);
--mention-hover: rgba(242, 174, 73, 0.15);
/* text colors */
--text-0: #f8f9fa; /* text on colored elements */
--text-1: #5c6166; /* primary white-ish text */
--text-2: #404447; /* headings */
--text-3: #5c6166; /* normal text */
--text-4: #8a9199; /* icon buttons and channels */
--text-5: #a0a6ac; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f8f9fa;
--text-1: #4e5257;
--text-2: #4e5257;
--text-3: #5c6166;
--text-4: #8a9199;
--text-5: #a0a6ac;
/* background and dark colors */
--bg-1: #d2d4d8; /* dark buttons when clicked */
--bg-2: #edeff1; /* dark buttons */
--bg-3: #d2d4d8; /* spacing, secondary elements */
--bg-4: #f8f9fa; /* main background color */
--hover: #d2d4d8; /* channels and buttons when hovered */
--active: #a0a6ac; /* channels and buttons when selected */
--message-hover: rgba(237, 239, 241, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f8f9fa; /* Master background (Deepest) */
--bg-3: #edeff1; /* Secondary background */
--bg-2: #d2d4d8; /* Buttons and UI elements */
--bg-1: #a0a6ac; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(92, 97, 102, 0.05);
--active: rgba(92, 97, 102, 0.1);
--message-hover: rgba(92, 97, 102, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f8f9fa !important;
background: #399ee6 !important;
}

100
build/base16-ayu-mirage
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #d5ff80; /* Green */
--dnd-indicator: #f28779; /* Red */
--idle-indicator: #ffd173; /* Yellow */
--streaming-indicator: #d4bfff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #d5ff80;
--dnd-indicator: #f28779;
--idle-indicator: #ffd173;
--streaming-indicator: #d4bfff;
/* accent colors */
--accent-1: #73d0ff; /* links */
--accent-2: #d4bfff; /* general unread/mention elements */
--accent-3: #73d0ff; /* accent buttons */
--accent-4: #95e6cb; /* accent buttons when hovered */
--accent-5: #d5ff80; /* accent buttons when clicked */
--mention: rgba(212, 191, 255, 0.1);
--mention-hover: rgba(212, 191, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #73d0ff;
--accent-2: #73d0ff;
--accent-3: #73d0ff;
--accent-4: #95e6cb;
--accent-5: #d5ff80;
--mention: rgba(255, 209, 115, 0.1);
--mention-hover: rgba(255, 209, 115, 0.15);
/* text colors */
--text-0: #1f2430; /* text on colored elements */
--text-1: #cccac2; /* primary white-ish text */
--text-2: #f3f4f5; /* headings */
--text-3: #cccac2; /* normal text */
--text-4: #707a8c; /* icon buttons and channels */
--text-5: #4a5059; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1f2430;
--text-1: #d9d7ce;
--text-2: #d9d7ce;
--text-3: #cccac2;
--text-4: #707a8c;
--text-5: #4a5059;
/* background and dark colors */
--bg-1: #323844; /* dark buttons when clicked */
--bg-2: #242936; /* dark buttons */
--bg-3: #323844; /* spacing, secondary elements */
--bg-4: #1f2430; /* main background color */
--hover: #323844; /* channels and buttons when hovered */
--active: #4a5059; /* channels and buttons when selected */
--message-hover: rgba(36, 41, 54, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1f2430; /* Master background (Deepest) */
--bg-3: #242936; /* Secondary background */
--bg-2: #323844; /* Buttons and UI elements */
--bg-1: #4a5059; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(204, 202, 194, 0.05);
--active: rgba(204, 202, 194, 0.1);
--message-hover: rgba(204, 202, 194, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1f2430 !important;
background: #73d0ff !important;
}

100
build/base16-aztec
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #63d932; /* Green */
--dnd-indicator: #ee2e00; /* Red */
--idle-indicator: #eebb00; /* Yellow */
--streaming-indicator: #883e9f; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #63d932;
--dnd-indicator: #ee2e00;
--idle-indicator: #eebb00;
--streaming-indicator: #883e9f;
/* accent colors */
--accent-1: #5b4a9f; /* links */
--accent-2: #883e9f; /* general unread/mention elements */
--accent-3: #5b4a9f; /* accent buttons */
--accent-4: #3d94a5; /* accent buttons when hovered */
--accent-5: #63d932; /* accent buttons when clicked */
--mention: rgba(136, 62, 159, 0.1);
--mention-hover: rgba(136, 62, 159, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5b4a9f;
--accent-2: #5b4a9f;
--accent-3: #5b4a9f;
--accent-4: #3d94a5;
--accent-5: #63d932;
--mention: rgba(238, 187, 0, 0.1);
--mention-hover: rgba(238, 187, 0, 0.15);
/* text colors */
--text-0: #101600; /* text on colored elements */
--text-1: #ffda51; /* primary white-ish text */
--text-2: #ffeba0; /* headings */
--text-3: #ffda51; /* normal text */
--text-4: #ffd129; /* icon buttons and channels */
--text-5: #2e2e05; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #101600;
--text-1: #ffe178;
--text-2: #ffe178;
--text-3: #ffda51;
--text-4: #ffd129;
--text-5: #2e2e05;
/* background and dark colors */
--bg-1: #242604; /* dark buttons when clicked */
--bg-2: #1a1e01; /* dark buttons */
--bg-3: #242604; /* spacing, secondary elements */
--bg-4: #101600; /* main background color */
--hover: #242604; /* channels and buttons when hovered */
--active: #2e2e05; /* channels and buttons when selected */
--message-hover: rgba(26, 30, 1, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #101600; /* Master background (Deepest) */
--bg-3: #1a1e01; /* Secondary background */
--bg-2: #242604; /* Buttons and UI elements */
--bg-1: #2e2e05; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 218, 81, 0.05);
--active: rgba(255, 218, 81, 0.1);
--message-hover: rgba(255, 218, 81, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #101600 !important;
background: #5b4a9f !important;
}

100
build/base16-bespin
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #54be0d; /* Green */
--dnd-indicator: #cf6a4c; /* Red */
--idle-indicator: #f9ee98; /* Yellow */
--streaming-indicator: #9b859d; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #54be0d;
--dnd-indicator: #cf6a4c;
--idle-indicator: #f9ee98;
--streaming-indicator: #9b859d;
/* accent colors */
--accent-1: #5ea6ea; /* links */
--accent-2: #9b859d; /* general unread/mention elements */
--accent-3: #5ea6ea; /* accent buttons */
--accent-4: #afc4db; /* accent buttons when hovered */
--accent-5: #54be0d; /* accent buttons when clicked */
--mention: rgba(155, 133, 157, 0.1);
--mention-hover: rgba(155, 133, 157, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5ea6ea;
--accent-2: #5ea6ea;
--accent-3: #5ea6ea;
--accent-4: #afc4db;
--accent-5: #54be0d;
--mention: rgba(249, 238, 152, 0.1);
--mention-hover: rgba(249, 238, 152, 0.15);
/* text colors */
--text-0: #28211c; /* text on colored elements */
--text-1: #8a8986; /* primary white-ish text */
--text-2: #baae9e; /* headings */
--text-3: #8a8986; /* normal text */
--text-4: #797977; /* icon buttons and channels */
--text-5: #666666; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #28211c;
--text-1: #9d9b97;
--text-2: #9d9b97;
--text-3: #8a8986;
--text-4: #797977;
--text-5: #666666;
/* background and dark colors */
--bg-1: #5e5d5c; /* dark buttons when clicked */
--bg-2: #36312e; /* dark buttons */
--bg-3: #5e5d5c; /* spacing, secondary elements */
--bg-4: #28211c; /* main background color */
--hover: #5e5d5c; /* channels and buttons when hovered */
--active: #666666; /* channels and buttons when selected */
--message-hover: rgba(54, 49, 46, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #28211c; /* Master background (Deepest) */
--bg-3: #36312e; /* Secondary background */
--bg-2: #5e5d5c; /* Buttons and UI elements */
--bg-1: #666666; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(138, 137, 134, 0.05);
--active: rgba(138, 137, 134, 0.1);
--message-hover: rgba(138, 137, 134, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #28211c !important;
background: #5ea6ea !important;
}

100
build/base16-black-metal
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #dd9999; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #a06666; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #dd9999;
--dnd-indicator: #5f8787;
--idle-indicator: #a06666;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #dd9999; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #dd9999;
--mention: rgba(160, 102, 102, 0.1);
--mention-hover: rgba(160, 102, 102, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-bathory
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #fbcb97; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #e78a53; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #fbcb97;
--dnd-indicator: #5f8787;
--idle-indicator: #e78a53;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #fbcb97; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #fbcb97;
--mention: rgba(231, 138, 83, 0.1);
--mention-hover: rgba(231, 138, 83, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-burzum
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #ddeecc; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #99bbaa; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #ddeecc;
--dnd-indicator: #5f8787;
--idle-indicator: #99bbaa;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #ddeecc; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #ddeecc;
--mention: rgba(153, 187, 170, 0.1);
--mention-hover: rgba(153, 187, 170, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-dark-funeral
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #d0dfee; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #5f81a5; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #d0dfee;
--dnd-indicator: #5f8787;
--idle-indicator: #5f81a5;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #d0dfee; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #d0dfee;
--mention: rgba(95, 129, 165, 0.1);
--mention-hover: rgba(95, 129, 165, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-gorgoroth
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #9b8d7f; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #8c7f70; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #9b8d7f;
--dnd-indicator: #5f8787;
--idle-indicator: #8c7f70;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #9b8d7f; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #9b8d7f;
--mention: rgba(140, 127, 112, 0.1);
--mention-hover: rgba(140, 127, 112, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-immortal
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7799bb; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #556677; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7799bb;
--dnd-indicator: #5f8787;
--idle-indicator: #556677;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #7799bb; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #7799bb;
--mention: rgba(85, 102, 119, 0.1);
--mention-hover: rgba(85, 102, 119, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-khold
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #eceee3; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #974b46; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #eceee3;
--dnd-indicator: #5f8787;
--idle-indicator: #974b46;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #eceee3; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #eceee3;
--mention: rgba(151, 75, 70, 0.1);
--mention-hover: rgba(151, 75, 70, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-marduk
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a5aaa7; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #626b67; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a5aaa7;
--dnd-indicator: #5f8787;
--idle-indicator: #626b67;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #a5aaa7; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #a5aaa7;
--mention: rgba(98, 107, 103, 0.1);
--mention-hover: rgba(98, 107, 103, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-mayhem
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #f3ecd4; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #eecc6c; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #f3ecd4;
--dnd-indicator: #5f8787;
--idle-indicator: #eecc6c;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #f3ecd4; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #f3ecd4;
--mention: rgba(238, 204, 108, 0.1);
--mention-hover: rgba(238, 204, 108, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-nile
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #aa9988; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #777755; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #aa9988;
--dnd-indicator: #5f8787;
--idle-indicator: #777755;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #aa9988; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #aa9988;
--mention: rgba(119, 119, 85, 0.1);
--mention-hover: rgba(119, 119, 85, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-black-metal-venom
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #f8f7f2; /* Green */
--dnd-indicator: #5f8787; /* Red */
--idle-indicator: #79241f; /* Yellow */
--streaming-indicator: #999999; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #f8f7f2;
--dnd-indicator: #5f8787;
--idle-indicator: #79241f;
--streaming-indicator: #999999;
/* accent colors */
--accent-1: #888888; /* links */
--accent-2: #999999; /* general unread/mention elements */
--accent-3: #888888; /* accent buttons */
--accent-4: #aaaaaa; /* accent buttons when hovered */
--accent-5: #f8f7f2; /* accent buttons when clicked */
--mention: rgba(153, 153, 153, 0.1);
--mention-hover: rgba(153, 153, 153, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #888888;
--accent-2: #888888;
--accent-3: #888888;
--accent-4: #aaaaaa;
--accent-5: #f8f7f2;
--mention: rgba(121, 36, 31, 0.1);
--mention-hover: rgba(121, 36, 31, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #c1c1c1; /* primary white-ish text */
--text-2: #c1c1c1; /* headings */
--text-3: #c1c1c1; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #333333; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #999999;
--text-2: #999999;
--text-3: #c1c1c1;
--text-4: #999999;
--text-5: #333333;
/* background and dark colors */
--bg-1: #222222; /* dark buttons when clicked */
--bg-2: #121212; /* dark buttons */
--bg-3: #222222; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #222222; /* channels and buttons when hovered */
--active: #333333; /* channels and buttons when selected */
--message-hover: rgba(18, 18, 18, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #121212; /* Secondary background */
--bg-2: #222222; /* Buttons and UI elements */
--bg-1: #333333; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(193, 193, 193, 0.05);
--active: rgba(193, 193, 193, 0.1);
--message-hover: rgba(193, 193, 193, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #888888 !important;
}

100
build/base16-blueforest
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #80ff80; /* Green */
--dnd-indicator: #fffab1; /* Red */
--idle-indicator: #91ccff; /* Yellow */
--streaming-indicator: #0099ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #80ff80;
--dnd-indicator: #fffab1;
--idle-indicator: #91ccff;
--streaming-indicator: #0099ff;
/* accent colors */
--accent-1: #a2cff5; /* links */
--accent-2: #0099ff; /* general unread/mention elements */
--accent-3: #a2cff5; /* accent buttons */
--accent-4: #80ff80; /* accent buttons when hovered */
--accent-5: #80ff80; /* accent buttons when clicked */
--mention: rgba(0, 153, 255, 0.1);
--mention-hover: rgba(0, 153, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #a2cff5;
--accent-2: #a2cff5;
--accent-3: #a2cff5;
--accent-4: #80ff80;
--accent-5: #80ff80;
--mention: rgba(145, 204, 255, 0.1);
--mention-hover: rgba(145, 204, 255, 0.15);
/* text colors */
--text-0: #141f2e; /* text on colored elements */
--text-1: #ffcc33; /* primary white-ish text */
--text-2: #375780; /* headings */
--text-3: #ffcc33; /* normal text */
--text-4: #1e5c1e; /* icon buttons and channels */
--text-5: #a0ffa0; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #141f2e;
--text-1: #91ccff;
--text-2: #91ccff;
--text-3: #ffcc33;
--text-4: #1e5c1e;
--text-5: #a0ffa0;
/* background and dark colors */
--bg-1: #273e5c; /* dark buttons when clicked */
--bg-2: #1e5c1e; /* dark buttons */
--bg-3: #273e5c; /* spacing, secondary elements */
--bg-4: #141f2e; /* main background color */
--hover: #273e5c; /* channels and buttons when hovered */
--active: #a0ffa0; /* channels and buttons when selected */
--message-hover: rgba(30, 92, 30, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #141f2e; /* Master background (Deepest) */
--bg-3: #1e5c1e; /* Secondary background */
--bg-2: #273e5c; /* Buttons and UI elements */
--bg-1: #a0ffa0; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 204, 51, 0.05);
--active: rgba(255, 204, 51, 0.1);
--message-hover: rgba(255, 204, 51, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #141f2e !important;
background: #a2cff5 !important;
}

100
build/base16-blueish
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #c3e88d; /* Green */
--dnd-indicator: #4ce587; /* Red */
--idle-indicator: #f6cd5c; /* Yellow */
--streaming-indicator: #ff84dd; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #c3e88d;
--dnd-indicator: #4ce587;
--idle-indicator: #f6cd5c;
--streaming-indicator: #ff84dd;
/* accent colors */
--accent-1: #82aaff; /* links */
--accent-2: #ff84dd; /* general unread/mention elements */
--accent-3: #82aaff; /* accent buttons */
--accent-4: #5fd1ff; /* accent buttons when hovered */
--accent-5: #c3e88d; /* accent buttons when clicked */
--mention: rgba(255, 132, 221, 0.1);
--mention-hover: rgba(255, 132, 221, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #82aaff;
--accent-2: #82aaff;
--accent-3: #82aaff;
--accent-4: #5fd1ff;
--accent-5: #c3e88d;
--mention: rgba(246, 205, 92, 0.1);
--mention-hover: rgba(246, 205, 92, 0.15);
/* text colors */
--text-0: #182430; /* text on colored elements */
--text-1: #c8e1f8; /* primary white-ish text */
--text-2: #8f98a0; /* headings */
--text-3: #c8e1f8; /* normal text */
--text-4: #74afe7; /* icon buttons and channels */
--text-5: #616d78; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #182430;
--text-1: #ddeaf6;
--text-2: #ddeaf6;
--text-3: #c8e1f8;
--text-4: #74afe7;
--text-5: #616d78;
/* background and dark colors */
--bg-1: #46290a; /* dark buttons when clicked */
--bg-2: #243c54; /* dark buttons */
--bg-3: #46290a; /* spacing, secondary elements */
--bg-4: #182430; /* main background color */
--hover: #46290a; /* channels and buttons when hovered */
--active: #616d78; /* channels and buttons when selected */
--message-hover: rgba(36, 60, 84, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #182430; /* Master background (Deepest) */
--bg-3: #243c54; /* Secondary background */
--bg-2: #46290a; /* Buttons and UI elements */
--bg-1: #616d78; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(200, 225, 248, 0.05);
--active: rgba(200, 225, 248, 0.1);
--message-hover: rgba(200, 225, 248, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #182430 !important;
background: #82aaff !important;
}

100
build/base16-booshnickle-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #e7ff99; /* Green */
--dnd-indicator: #ffbfa5; /* Red */
--idle-indicator: #fff299; /* Yellow */
--streaming-indicator: #f2bfd9; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #e7ff99;
--dnd-indicator: #ffbfa5;
--idle-indicator: #fff299;
--streaming-indicator: #f2bfd9;
/* accent colors */
--accent-1: #ccbfd9; /* links */
--accent-2: #f2bfd9; /* general unread/mention elements */
--accent-3: #ccbfd9; /* accent buttons */
--accent-4: #bfffc5; /* accent buttons when hovered */
--accent-5: #e7ff99; /* accent buttons when clicked */
--mention: rgba(242, 191, 217, 0.1);
--mention-hover: rgba(242, 191, 217, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #ccbfd9;
--accent-2: #ccbfd9;
--accent-3: #ccbfd9;
--accent-4: #bfffc5;
--accent-5: #e7ff99;
--mention: rgba(255, 242, 153, 0.1);
--mention-hover: rgba(255, 242, 153, 0.15);
/* text colors */
--text-0: #191914; /* text on colored elements */
--text-1: #bdbd97; /* primary white-ish text */
--text-2: #ffffcc; /* headings */
--text-3: #bdbd97; /* normal text */
--text-4: #9c9c7d; /* icon buttons and channels */
--text-5: #7c7c63; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #191914;
--text-1: #dedeb2;
--text-2: #dedeb2;
--text-3: #bdbd97;
--text-4: #9c9c7d;
--text-5: #7c7c63;
/* background and dark colors */
--bg-1: #5b5b49; /* dark buttons when clicked */
--bg-2: #3a3a2e; /* dark buttons */
--bg-3: #5b5b49; /* spacing, secondary elements */
--bg-4: #191914; /* main background color */
--hover: #5b5b49; /* channels and buttons when hovered */
--active: #7c7c63; /* channels and buttons when selected */
--message-hover: rgba(58, 58, 46, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #191914; /* Master background (Deepest) */
--bg-3: #3a3a2e; /* Secondary background */
--bg-2: #5b5b49; /* Buttons and UI elements */
--bg-1: #7c7c63; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(189, 189, 151, 0.05);
--active: rgba(189, 189, 151, 0.1);
--message-hover: rgba(189, 189, 151, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #191914 !important;
background: #ccbfd9 !important;
}

100
build/base16-brewer
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #31a354; /* Green */
--dnd-indicator: #e31a1c; /* Red */
--idle-indicator: #dca060; /* Yellow */
--streaming-indicator: #756bb1; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #31a354;
--dnd-indicator: #e31a1c;
--idle-indicator: #dca060;
--streaming-indicator: #756bb1;
/* accent colors */
--accent-1: #3182bd; /* links */
--accent-2: #756bb1; /* general unread/mention elements */
--accent-3: #3182bd; /* accent buttons */
--accent-4: #80b1d3; /* accent buttons when hovered */
--accent-5: #31a354; /* accent buttons when clicked */
--mention: rgba(117, 107, 177, 0.1);
--mention-hover: rgba(117, 107, 177, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #3182bd;
--accent-2: #3182bd;
--accent-3: #3182bd;
--accent-4: #80b1d3;
--accent-5: #31a354;
--mention: rgba(220, 160, 96, 0.1);
--mention-hover: rgba(220, 160, 96, 0.15);
/* text colors */
--text-0: #0c0d0e; /* text on colored elements */
--text-1: #b7b8b9; /* primary white-ish text */
--text-2: #fcfdfe; /* headings */
--text-3: #b7b8b9; /* normal text */
--text-4: #959697; /* icon buttons and channels */
--text-5: #737475; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #0c0d0e;
--text-1: #dadbdc;
--text-2: #dadbdc;
--text-3: #b7b8b9;
--text-4: #959697;
--text-5: #737475;
/* background and dark colors */
--bg-1: #515253; /* dark buttons when clicked */
--bg-2: #2e2f30; /* dark buttons */
--bg-3: #515253; /* spacing, secondary elements */
--bg-4: #0c0d0e; /* main background color */
--hover: #515253; /* channels and buttons when hovered */
--active: #737475; /* channels and buttons when selected */
--message-hover: rgba(46, 47, 48, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #0c0d0e; /* Master background (Deepest) */
--bg-3: #2e2f30; /* Secondary background */
--bg-2: #515253; /* Buttons and UI elements */
--bg-1: #737475; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(183, 184, 185, 0.05);
--active: rgba(183, 184, 185, 0.1);
--message-hover: rgba(183, 184, 185, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #0c0d0e !important;
background: #3182bd !important;
}

100
build/base16-bright
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a1c659; /* Green */
--dnd-indicator: #fb0120; /* Red */
--idle-indicator: #fda331; /* Yellow */
--streaming-indicator: #d381c3; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a1c659;
--dnd-indicator: #fb0120;
--idle-indicator: #fda331;
--streaming-indicator: #d381c3;
/* accent colors */
--accent-1: #6fb3d2; /* links */
--accent-2: #d381c3; /* general unread/mention elements */
--accent-3: #6fb3d2; /* accent buttons */
--accent-4: #76c7b7; /* accent buttons when hovered */
--accent-5: #a1c659; /* accent buttons when clicked */
--mention: rgba(211, 129, 195, 0.1);
--mention-hover: rgba(211, 129, 195, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6fb3d2;
--accent-2: #6fb3d2;
--accent-3: #6fb3d2;
--accent-4: #76c7b7;
--accent-5: #a1c659;
--mention: rgba(253, 163, 49, 0.1);
--mention-hover: rgba(253, 163, 49, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #e0e0e0; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #e0e0e0; /* normal text */
--text-4: #d0d0d0; /* icon buttons and channels */
--text-5: #b0b0b0; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #f5f5f5;
--text-2: #f5f5f5;
--text-3: #e0e0e0;
--text-4: #d0d0d0;
--text-5: #b0b0b0;
/* background and dark colors */
--bg-1: #505050; /* dark buttons when clicked */
--bg-2: #303030; /* dark buttons */
--bg-3: #505050; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #505050; /* channels and buttons when hovered */
--active: #b0b0b0; /* channels and buttons when selected */
--message-hover: rgba(48, 48, 48, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #303030; /* Secondary background */
--bg-2: #505050; /* Buttons and UI elements */
--bg-1: #b0b0b0; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(224, 224, 224, 0.05);
--active: rgba(224, 224, 224, 0.1);
--message-hover: rgba(224, 224, 224, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #6fb3d2 !important;
}

100
build/base16-brogrammer
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #f3bd09; /* Green */
--dnd-indicator: #d6dbe5; /* Red */
--idle-indicator: #1dd361; /* Yellow */
--streaming-indicator: #0f7ddb; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #f3bd09;
--dnd-indicator: #d6dbe5;
--idle-indicator: #1dd361;
--streaming-indicator: #0f7ddb;
/* accent colors */
--accent-1: #5350b9; /* links */
--accent-2: #0f7ddb; /* general unread/mention elements */
--accent-3: #5350b9; /* accent buttons */
--accent-4: #1081d6; /* accent buttons when hovered */
--accent-5: #f3bd09; /* accent buttons when clicked */
--mention: rgba(15, 125, 219, 0.1);
--mention-hover: rgba(15, 125, 219, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5350b9;
--accent-2: #5350b9;
--accent-3: #5350b9;
--accent-4: #1081d6;
--accent-5: #f3bd09;
--mention: rgba(29, 211, 97, 0.1);
--mention-hover: rgba(29, 211, 97, 0.15);
/* text colors */
--text-0: #1f1f1f; /* text on colored elements */
--text-1: #4e5ab7; /* primary white-ish text */
--text-2: #d6dbe5; /* headings */
--text-3: #4e5ab7; /* normal text */
--text-4: #2a84d2; /* icon buttons and channels */
--text-5: #ecba0f; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1f1f1f;
--text-1: #1081d6;
--text-2: #1081d6;
--text-3: #4e5ab7;
--text-4: #2a84d2;
--text-5: #ecba0f;
/* background and dark colors */
--bg-1: #2dc55e; /* dark buttons when clicked */
--bg-2: #f81118; /* dark buttons */
--bg-3: #2dc55e; /* spacing, secondary elements */
--bg-4: #1f1f1f; /* main background color */
--hover: #2dc55e; /* channels and buttons when hovered */
--active: #ecba0f; /* channels and buttons when selected */
--message-hover: rgba(248, 17, 24, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1f1f1f; /* Master background (Deepest) */
--bg-3: #f81118; /* Secondary background */
--bg-2: #2dc55e; /* Buttons and UI elements */
--bg-1: #ecba0f; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(78, 90, 183, 0.05);
--active: rgba(78, 90, 183, 0.1);
--message-hover: rgba(78, 90, 183, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1f1f1f !important;
background: #5350b9 !important;
}

100
build/base16-brushtrees
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #87b386; /* Green */
--dnd-indicator: #b38686; /* Red */
--idle-indicator: #aab386; /* Yellow */
--streaming-indicator: #b386b2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #87b386;
--dnd-indicator: #b38686;
--idle-indicator: #aab386;
--streaming-indicator: #b386b2;
/* accent colors */
--accent-1: #868cb3; /* links */
--accent-2: #b386b2; /* general unread/mention elements */
--accent-3: #868cb3; /* accent buttons */
--accent-4: #86b3b3; /* accent buttons when hovered */
--accent-5: #87b386; /* accent buttons when clicked */
--mention: rgba(179, 134, 178, 0.1);
--mention-hover: rgba(179, 134, 178, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #868cb3;
--accent-2: #868cb3;
--accent-3: #868cb3;
--accent-4: #86b3b3;
--accent-5: #87b386;
--mention: rgba(170, 179, 134, 0.1);
--mention-hover: rgba(170, 179, 134, 0.15);
/* text colors */
--text-0: #e3efef; /* text on colored elements */
--text-1: #6d828e; /* primary white-ish text */
--text-2: #485867; /* headings */
--text-3: #6d828e; /* normal text */
--text-4: #8299a1; /* icon buttons and channels */
--text-5: #98afb5; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #e3efef;
--text-1: #5a6d7a;
--text-2: #5a6d7a;
--text-3: #6d828e;
--text-4: #8299a1;
--text-5: #98afb5;
/* background and dark colors */
--bg-1: #b0c5c8; /* dark buttons when clicked */
--bg-2: #c9dbdc; /* dark buttons */
--bg-3: #b0c5c8; /* spacing, secondary elements */
--bg-4: #e3efef; /* main background color */
--hover: #b0c5c8; /* channels and buttons when hovered */
--active: #98afb5; /* channels and buttons when selected */
--message-hover: rgba(201, 219, 220, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #e3efef; /* Master background (Deepest) */
--bg-3: #c9dbdc; /* Secondary background */
--bg-2: #b0c5c8; /* Buttons and UI elements */
--bg-1: #98afb5; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(109, 130, 142, 0.05);
--active: rgba(109, 130, 142, 0.1);
--message-hover: rgba(109, 130, 142, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #e3efef !important;
background: #868cb3 !important;
}

100
build/base16-brushtrees-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #87b386; /* Green */
--dnd-indicator: #b38686; /* Red */
--idle-indicator: #aab386; /* Yellow */
--streaming-indicator: #b386b2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #87b386;
--dnd-indicator: #b38686;
--idle-indicator: #aab386;
--streaming-indicator: #b386b2;
/* accent colors */
--accent-1: #868cb3; /* links */
--accent-2: #b386b2; /* general unread/mention elements */
--accent-3: #868cb3; /* accent buttons */
--accent-4: #86b3b3; /* accent buttons when hovered */
--accent-5: #87b386; /* accent buttons when clicked */
--mention: rgba(179, 134, 178, 0.1);
--mention-hover: rgba(179, 134, 178, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #868cb3;
--accent-2: #868cb3;
--accent-3: #868cb3;
--accent-4: #86b3b3;
--accent-5: #87b386;
--mention: rgba(170, 179, 134, 0.1);
--mention-hover: rgba(170, 179, 134, 0.15);
/* text colors */
--text-0: #485867; /* text on colored elements */
--text-1: #b0c5c8; /* primary white-ish text */
--text-2: #e3efef; /* headings */
--text-3: #b0c5c8; /* normal text */
--text-4: #98afb5; /* icon buttons and channels */
--text-5: #8299a1; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #485867;
--text-1: #c9dbdc;
--text-2: #c9dbdc;
--text-3: #b0c5c8;
--text-4: #98afb5;
--text-5: #8299a1;
/* background and dark colors */
--bg-1: #6d828e; /* dark buttons when clicked */
--bg-2: #5a6d7a; /* dark buttons */
--bg-3: #6d828e; /* spacing, secondary elements */
--bg-4: #485867; /* main background color */
--hover: #6d828e; /* channels and buttons when hovered */
--active: #8299a1; /* channels and buttons when selected */
--message-hover: rgba(90, 109, 122, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #485867; /* Master background (Deepest) */
--bg-3: #5a6d7a; /* Secondary background */
--bg-2: #6d828e; /* Buttons and UI elements */
--bg-1: #8299a1; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(176, 197, 200, 0.05);
--active: rgba(176, 197, 200, 0.1);
--message-hover: rgba(176, 197, 200, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #485867 !important;
background: #868cb3 !important;
}

100
build/base16-caroline
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #806c61; /* Green */
--dnd-indicator: #c24f57; /* Red */
--idle-indicator: #f28171; /* Yellow */
--streaming-indicator: #a63650; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #806c61;
--dnd-indicator: #c24f57;
--idle-indicator: #f28171;
--streaming-indicator: #a63650;
/* accent colors */
--accent-1: #684c59; /* links */
--accent-2: #a63650; /* general unread/mention elements */
--accent-3: #684c59; /* accent buttons */
--accent-4: #6b6566; /* accent buttons when hovered */
--accent-5: #806c61; /* accent buttons when clicked */
--mention: rgba(166, 54, 80, 0.1);
--mention-hover: rgba(166, 54, 80, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #684c59;
--accent-2: #684c59;
--accent-3: #684c59;
--accent-4: #6b6566;
--accent-5: #806c61;
--mention: rgba(242, 129, 113, 0.1);
--mention-hover: rgba(242, 129, 113, 0.15);
/* text colors */
--text-0: #1c1213; /* text on colored elements */
--text-1: #a87569; /* primary white-ish text */
--text-2: #e3a68c; /* headings */
--text-3: #a87569; /* normal text */
--text-4: #8b5d57; /* icon buttons and channels */
--text-5: #6d4745; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1c1213;
--text-1: #c58d7b;
--text-2: #c58d7b;
--text-3: #a87569;
--text-4: #8b5d57;
--text-5: #6d4745;
/* background and dark colors */
--bg-1: #563837; /* dark buttons when clicked */
--bg-2: #3a2425; /* dark buttons */
--bg-3: #563837; /* spacing, secondary elements */
--bg-4: #1c1213; /* main background color */
--hover: #563837; /* channels and buttons when hovered */
--active: #6d4745; /* channels and buttons when selected */
--message-hover: rgba(58, 36, 37, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1c1213; /* Master background (Deepest) */
--bg-3: #3a2425; /* Secondary background */
--bg-2: #563837; /* Buttons and UI elements */
--bg-1: #6d4745; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(168, 117, 105, 0.05);
--active: rgba(168, 117, 105, 0.1);
--message-hover: rgba(168, 117, 105, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1c1213 !important;
background: #684c59 !important;
}

100
build/base16-catppuccin-frappe
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a6d189; /* Green */
--dnd-indicator: #e78284; /* Red */
--idle-indicator: #e5c890; /* Yellow */
--streaming-indicator: #ca9ee6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a6d189;
--dnd-indicator: #e78284;
--idle-indicator: #e5c890;
--streaming-indicator: #ca9ee6;
/* accent colors */
--accent-1: #8caaee; /* links */
--accent-2: #ca9ee6; /* general unread/mention elements */
--accent-3: #8caaee; /* accent buttons */
--accent-4: #81c8be; /* accent buttons when hovered */
--accent-5: #a6d189; /* accent buttons when clicked */
--mention: rgba(202, 158, 230, 0.1);
--mention-hover: rgba(202, 158, 230, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #8caaee;
--accent-2: #8caaee;
--accent-3: #8caaee;
--accent-4: #81c8be;
--accent-5: #a6d189;
--mention: rgba(229, 200, 144, 0.1);
--mention-hover: rgba(229, 200, 144, 0.15);
/* text colors */
--text-0: #303446; /* text on colored elements */
--text-1: #c6d0f5; /* primary white-ish text */
--text-2: #babbf1; /* headings */
--text-3: #c6d0f5; /* normal text */
--text-4: #626880; /* icon buttons and channels */
--text-5: #51576d; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #303446;
--text-1: #f2d5cf;
--text-2: #f2d5cf;
--text-3: #c6d0f5;
--text-4: #626880;
--text-5: #51576d;
/* background and dark colors */
--bg-1: #414559; /* dark buttons when clicked */
--bg-2: #292c3c; /* dark buttons */
--bg-3: #414559; /* spacing, secondary elements */
--bg-4: #303446; /* main background color */
--hover: #414559; /* channels and buttons when hovered */
--active: #51576d; /* channels and buttons when selected */
--message-hover: rgba(41, 44, 60, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #303446; /* Master background (Deepest) */
--bg-3: #292c3c; /* Secondary background */
--bg-2: #414559; /* Buttons and UI elements */
--bg-1: #51576d; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(198, 208, 245, 0.05);
--active: rgba(198, 208, 245, 0.1);
--message-hover: rgba(198, 208, 245, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #303446 !important;
background: #8caaee !important;
}

100
build/base16-catppuccin-latte
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #40a02b; /* Green */
--dnd-indicator: #d20f39; /* Red */
--idle-indicator: #df8e1d; /* Yellow */
--streaming-indicator: #8839ef; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #40a02b;
--dnd-indicator: #d20f39;
--idle-indicator: #df8e1d;
--streaming-indicator: #8839ef;
/* accent colors */
--accent-1: #1e66f5; /* links */
--accent-2: #8839ef; /* general unread/mention elements */
--accent-3: #1e66f5; /* accent buttons */
--accent-4: #179299; /* accent buttons when hovered */
--accent-5: #40a02b; /* accent buttons when clicked */
--mention: rgba(136, 57, 239, 0.1);
--mention-hover: rgba(136, 57, 239, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #1e66f5;
--accent-2: #1e66f5;
--accent-3: #1e66f5;
--accent-4: #179299;
--accent-5: #40a02b;
--mention: rgba(223, 142, 29, 0.1);
--mention-hover: rgba(223, 142, 29, 0.15);
/* text colors */
--text-0: #eff1f5; /* text on colored elements */
--text-1: #4c4f69; /* primary white-ish text */
--text-2: #7287fd; /* headings */
--text-3: #4c4f69; /* normal text */
--text-4: #acb0be; /* icon buttons and channels */
--text-5: #bcc0cc; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #eff1f5;
--text-1: #dc8a78;
--text-2: #dc8a78;
--text-3: #4c4f69;
--text-4: #acb0be;
--text-5: #bcc0cc;
/* background and dark colors */
--bg-1: #ccd0da; /* dark buttons when clicked */
--bg-2: #e6e9ef; /* dark buttons */
--bg-3: #ccd0da; /* spacing, secondary elements */
--bg-4: #eff1f5; /* main background color */
--hover: #ccd0da; /* channels and buttons when hovered */
--active: #bcc0cc; /* channels and buttons when selected */
--message-hover: rgba(230, 233, 239, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #eff1f5; /* Master background (Deepest) */
--bg-3: #e6e9ef; /* Secondary background */
--bg-2: #ccd0da; /* Buttons and UI elements */
--bg-1: #bcc0cc; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(76, 79, 105, 0.05);
--active: rgba(76, 79, 105, 0.1);
--message-hover: rgba(76, 79, 105, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #eff1f5 !important;
background: #1e66f5 !important;
}

100
build/base16-catppuccin-macchiato
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a6da95; /* Green */
--dnd-indicator: #ed8796; /* Red */
--idle-indicator: #eed49f; /* Yellow */
--streaming-indicator: #c6a0f6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a6da95;
--dnd-indicator: #ed8796;
--idle-indicator: #eed49f;
--streaming-indicator: #c6a0f6;
/* accent colors */
--accent-1: #8aadf4; /* links */
--accent-2: #c6a0f6; /* general unread/mention elements */
--accent-3: #8aadf4; /* accent buttons */
--accent-4: #8bd5ca; /* accent buttons when hovered */
--accent-5: #a6da95; /* accent buttons when clicked */
--mention: rgba(198, 160, 246, 0.1);
--mention-hover: rgba(198, 160, 246, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #8aadf4;
--accent-2: #8aadf4;
--accent-3: #8aadf4;
--accent-4: #8bd5ca;
--accent-5: #a6da95;
--mention: rgba(238, 212, 159, 0.1);
--mention-hover: rgba(238, 212, 159, 0.15);
/* text colors */
--text-0: #24273a; /* text on colored elements */
--text-1: #cad3f5; /* primary white-ish text */
--text-2: #b7bdf8; /* headings */
--text-3: #cad3f5; /* normal text */
--text-4: #5b6078; /* icon buttons and channels */
--text-5: #494d64; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #24273a;
--text-1: #f4dbd6;
--text-2: #f4dbd6;
--text-3: #cad3f5;
--text-4: #5b6078;
--text-5: #494d64;
/* background and dark colors */
--bg-1: #363a4f; /* dark buttons when clicked */
--bg-2: #1e2030; /* dark buttons */
--bg-3: #363a4f; /* spacing, secondary elements */
--bg-4: #24273a; /* main background color */
--hover: #363a4f; /* channels and buttons when hovered */
--active: #494d64; /* channels and buttons when selected */
--message-hover: rgba(30, 32, 48, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #24273a; /* Master background (Deepest) */
--bg-3: #1e2030; /* Secondary background */
--bg-2: #363a4f; /* Buttons and UI elements */
--bg-1: #494d64; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(202, 211, 245, 0.05);
--active: rgba(202, 211, 245, 0.1);
--message-hover: rgba(202, 211, 245, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #24273a !important;
background: #8aadf4 !important;
}

100
build/base16-catppuccin-mocha
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a6e3a1; /* Green */
--dnd-indicator: #f38ba8; /* Red */
--idle-indicator: #f9e2af; /* Yellow */
--streaming-indicator: #cba6f7; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a6e3a1;
--dnd-indicator: #f38ba8;
--idle-indicator: #f9e2af;
--streaming-indicator: #cba6f7;
/* accent colors */
--accent-1: #89b4fa; /* links */
--accent-2: #cba6f7; /* general unread/mention elements */
--accent-3: #89b4fa; /* accent buttons */
--accent-4: #94e2d5; /* accent buttons when hovered */
--accent-5: #a6e3a1; /* accent buttons when clicked */
--mention: rgba(203, 166, 247, 0.1);
--mention-hover: rgba(203, 166, 247, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #89b4fa;
--accent-2: #89b4fa;
--accent-3: #89b4fa;
--accent-4: #94e2d5;
--accent-5: #a6e3a1;
--mention: rgba(249, 226, 175, 0.1);
--mention-hover: rgba(249, 226, 175, 0.15);
/* text colors */
--text-0: #1e1e2e; /* text on colored elements */
--text-1: #cdd6f4; /* primary white-ish text */
--text-2: #b4befe; /* headings */
--text-3: #cdd6f4; /* normal text */
--text-4: #585b70; /* icon buttons and channels */
--text-5: #45475a; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1e1e2e;
--text-1: #f5e0dc;
--text-2: #f5e0dc;
--text-3: #cdd6f4;
--text-4: #585b70;
--text-5: #45475a;
/* background and dark colors */
--bg-1: #313244; /* dark buttons when clicked */
--bg-2: #181825; /* dark buttons */
--bg-3: #313244; /* spacing, secondary elements */
--bg-4: #1e1e2e; /* main background color */
--hover: #313244; /* channels and buttons when hovered */
--active: #45475a; /* channels and buttons when selected */
--message-hover: rgba(24, 24, 37, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1e1e2e; /* Master background (Deepest) */
--bg-3: #181825; /* Secondary background */
--bg-2: #313244; /* Buttons and UI elements */
--bg-1: #45475a; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(205, 214, 244, 0.05);
--active: rgba(205, 214, 244, 0.1);
--message-hover: rgba(205, 214, 244, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1e1e2e !important;
background: #89b4fa !important;
}

100
build/base16-chalk
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #acc267; /* Green */
--dnd-indicator: #fb9fb1; /* Red */
--idle-indicator: #ddb26f; /* Yellow */
--streaming-indicator: #e1a3ee; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #acc267;
--dnd-indicator: #fb9fb1;
--idle-indicator: #ddb26f;
--streaming-indicator: #e1a3ee;
/* accent colors */
--accent-1: #6fc2ef; /* links */
--accent-2: #e1a3ee; /* general unread/mention elements */
--accent-3: #6fc2ef; /* accent buttons */
--accent-4: #12cfc0; /* accent buttons when hovered */
--accent-5: #acc267; /* accent buttons when clicked */
--mention: rgba(225, 163, 238, 0.1);
--mention-hover: rgba(225, 163, 238, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6fc2ef;
--accent-2: #6fc2ef;
--accent-3: #6fc2ef;
--accent-4: #12cfc0;
--accent-5: #acc267;
--mention: rgba(221, 178, 111, 0.1);
--mention-hover: rgba(221, 178, 111, 0.15);
/* text colors */
--text-0: #151515; /* text on colored elements */
--text-1: #d0d0d0; /* primary white-ish text */
--text-2: #f5f5f5; /* headings */
--text-3: #d0d0d0; /* normal text */
--text-4: #b0b0b0; /* icon buttons and channels */
--text-5: #505050; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #151515;
--text-1: #e0e0e0;
--text-2: #e0e0e0;
--text-3: #d0d0d0;
--text-4: #b0b0b0;
--text-5: #505050;
/* background and dark colors */
--bg-1: #303030; /* dark buttons when clicked */
--bg-2: #202020; /* dark buttons */
--bg-3: #303030; /* spacing, secondary elements */
--bg-4: #151515; /* main background color */
--hover: #303030; /* channels and buttons when hovered */
--active: #505050; /* channels and buttons when selected */
--message-hover: rgba(32, 32, 32, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #151515; /* Master background (Deepest) */
--bg-3: #202020; /* Secondary background */
--bg-2: #303030; /* Buttons and UI elements */
--bg-1: #505050; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(208, 208, 208, 0.05);
--active: rgba(208, 208, 208, 0.1);
--message-hover: rgba(208, 208, 208, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #151515 !important;
background: #6fc2ef !important;
}

100
build/base16-charcoal-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #dec8a7; /* Green */
--dnd-indicator: #a88c62; /* Red */
--idle-indicator: #dec8a7; /* Yellow */
--streaming-indicator: #a88c62; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #dec8a7;
--dnd-indicator: #a88c62;
--idle-indicator: #dec8a7;
--streaming-indicator: #a88c62;
/* accent colors */
--accent-1: #c3a983; /* links */
--accent-2: #a88c62; /* general unread/mention elements */
--accent-3: #c3a983; /* accent buttons */
--accent-4: #dec8a7; /* accent buttons when hovered */
--accent-5: #dec8a7; /* accent buttons when clicked */
--mention: rgba(168, 140, 98, 0.1);
--mention-hover: rgba(168, 140, 98, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #c3a983;
--accent-2: #c3a983;
--accent-3: #c3a983;
--accent-4: #dec8a7;
--accent-5: #dec8a7;
--mention: rgba(222, 200, 167, 0.1);
--mention-hover: rgba(222, 200, 167, 0.15);
/* text colors */
--text-0: #0f0b05; /* text on colored elements */
--text-1: #c3a983; /* primary white-ish text */
--text-2: #231b0e; /* headings */
--text-3: #c3a983; /* normal text */
--text-4: #a88c62; /* icon buttons and channels */
--text-5: #57462c; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #0f0b05;
--text-1: #dec8a7;
--text-2: #dec8a7;
--text-3: #c3a983;
--text-4: #a88c62;
--text-5: #57462c;
/* background and dark colors */
--bg-1: #2a2012; /* dark buttons when clicked */
--bg-2: #231b0e; /* dark buttons */
--bg-3: #2a2012; /* spacing, secondary elements */
--bg-4: #0f0b05; /* main background color */
--hover: #2a2012; /* channels and buttons when hovered */
--active: #57462c; /* channels and buttons when selected */
--message-hover: rgba(35, 27, 14, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #0f0b05; /* Master background (Deepest) */
--bg-3: #231b0e; /* Secondary background */
--bg-2: #2a2012; /* Buttons and UI elements */
--bg-1: #57462c; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(195, 169, 131, 0.05);
--active: rgba(195, 169, 131, 0.1);
--message-hover: rgba(195, 169, 131, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #0f0b05 !important;
background: #c3a983 !important;
}

100
build/base16-charcoal-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #110e06; /* Green */
--dnd-indicator: #382e1b; /* Red */
--idle-indicator: #110e06; /* Yellow */
--streaming-indicator: #382e1b; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #110e06;
--dnd-indicator: #382e1b;
--idle-indicator: #110e06;
--streaming-indicator: #382e1b;
/* accent colors */
--accent-1: #251e0f; /* links */
--accent-2: #382e1b; /* general unread/mention elements */
--accent-3: #251e0f; /* accent buttons */
--accent-4: #110e06; /* accent buttons when hovered */
--accent-5: #110e06; /* accent buttons when clicked */
--mention: rgba(56, 46, 27, 0.1);
--mention-hover: rgba(56, 46, 27, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #251e0f;
--accent-2: #251e0f;
--accent-3: #251e0f;
--accent-4: #110e06;
--accent-5: #110e06;
--mention: rgba(17, 14, 6, 0.1);
--mention-hover: rgba(17, 14, 6, 0.15);
/* text colors */
--text-0: #cabda0; /* text on colored elements */
--text-1: #382e1b; /* primary white-ish text */
--text-2: #bcad8c; /* headings */
--text-3: #382e1b; /* normal text */
--text-4: #110e06; /* icon buttons and channels */
--text-5: #645538; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #cabda0;
--text-1: #4b3e26;
--text-2: #4b3e26;
--text-3: #382e1b;
--text-4: #110e06;
--text-5: #645538;
/* background and dark colors */
--bg-1: #af9f7d; /* dark buttons when clicked */
--bg-2: #bcad8c; /* dark buttons */
--bg-3: #af9f7d; /* spacing, secondary elements */
--bg-4: #cabda0; /* main background color */
--hover: #af9f7d; /* channels and buttons when hovered */
--active: #645538; /* channels and buttons when selected */
--message-hover: rgba(188, 173, 140, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #cabda0; /* Master background (Deepest) */
--bg-3: #bcad8c; /* Secondary background */
--bg-2: #af9f7d; /* Buttons and UI elements */
--bg-1: #645538; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(56, 46, 27, 0.05);
--active: rgba(56, 46, 27, 0.1);
--message-hover: rgba(56, 46, 27, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #cabda0 !important;
background: #251e0f !important;
}

100
build/base16-chicago-day
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #009b3a; /* Green */
--dnd-indicator: #c60c30; /* Red */
--idle-indicator: #968400; /* Yellow */
--streaming-indicator: #e27ea6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #009b3a;
--dnd-indicator: #c60c30;
--idle-indicator: #968400;
--streaming-indicator: #e27ea6;
/* accent colors */
--accent-1: #522398; /* links */
--accent-2: #e27ea6; /* general unread/mention elements */
--accent-3: #522398; /* accent buttons */
--accent-4: #00a1de; /* accent buttons when hovered */
--accent-5: #009b3a; /* accent buttons when clicked */
--mention: rgba(226, 126, 166, 0.1);
--mention-hover: rgba(226, 126, 166, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #522398;
--accent-2: #522398;
--accent-3: #522398;
--accent-4: #00a1de;
--accent-5: #009b3a;
--mention: rgba(150, 132, 0, 0.1);
--mention-hover: rgba(150, 132, 0, 0.15);
/* text colors */
--text-0: #e8f0ea; /* text on colored elements */
--text-1: #364c40; /* primary white-ish text */
--text-2: #1e2a24; /* headings */
--text-3: #364c40; /* normal text */
--text-4: #4b5a51; /* icon buttons and channels */
--text-5: #8a9a91; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #e8f0ea;
--text-1: #2a3b32;
--text-2: #2a3b32;
--text-3: #364c40;
--text-4: #4b5a51;
--text-5: #8a9a91;
/* background and dark colors */
--bg-1: #b9d0c3; /* dark buttons when clicked */
--bg-2: #d1e0d7; /* dark buttons */
--bg-3: #b9d0c3; /* spacing, secondary elements */
--bg-4: #e8f0ea; /* main background color */
--hover: #b9d0c3; /* channels and buttons when hovered */
--active: #8a9a91; /* channels and buttons when selected */
--message-hover: rgba(209, 224, 215, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #e8f0ea; /* Master background (Deepest) */
--bg-3: #d1e0d7; /* Secondary background */
--bg-2: #b9d0c3; /* Buttons and UI elements */
--bg-1: #8a9a91; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(54, 76, 64, 0.05);
--active: rgba(54, 76, 64, 0.1);
--message-hover: rgba(54, 76, 64, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #e8f0ea !important;
background: #522398 !important;
}

100
build/base16-chicago-night
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #009b3a; /* Green */
--dnd-indicator: #c60c30; /* Red */
--idle-indicator: #f9e300; /* Yellow */
--streaming-indicator: #e27ea6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #009b3a;
--dnd-indicator: #c60c30;
--idle-indicator: #f9e300;
--streaming-indicator: #e27ea6;
/* accent colors */
--accent-1: #522398; /* links */
--accent-2: #e27ea6; /* general unread/mention elements */
--accent-3: #522398; /* accent buttons */
--accent-4: #00a1de; /* accent buttons when hovered */
--accent-5: #009b3a; /* accent buttons when clicked */
--mention: rgba(226, 126, 166, 0.1);
--mention-hover: rgba(226, 126, 166, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #522398;
--accent-2: #522398;
--accent-3: #522398;
--accent-4: #00a1de;
--accent-5: #009b3a;
--mention: rgba(249, 227, 0, 0.1);
--mention-hover: rgba(249, 227, 0, 0.15);
/* text colors */
--text-0: #1e2a24; /* text on colored elements */
--text-1: #a7b8af; /* primary white-ish text */
--text-2: #dbe3de; /* headings */
--text-3: #a7b8af; /* normal text */
--text-4: #8a9a91; /* icon buttons and channels */
--text-5: #5f7368; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1e2a24;
--text-1: #c1cdc7;
--text-2: #c1cdc7;
--text-3: #a7b8af;
--text-4: #8a9a91;
--text-5: #5f7368;
/* background and dark colors */
--bg-1: #364c40; /* dark buttons when clicked */
--bg-2: #2a3b32; /* dark buttons */
--bg-3: #364c40; /* spacing, secondary elements */
--bg-4: #1e2a24; /* main background color */
--hover: #364c40; /* channels and buttons when hovered */
--active: #5f7368; /* channels and buttons when selected */
--message-hover: rgba(42, 59, 50, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1e2a24; /* Master background (Deepest) */
--bg-3: #2a3b32; /* Secondary background */
--bg-2: #364c40; /* Buttons and UI elements */
--bg-1: #5f7368; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(167, 184, 175, 0.05);
--active: rgba(167, 184, 175, 0.1);
--message-hover: rgba(167, 184, 175, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1e2a24 !important;
background: #522398 !important;
}

100
build/base16-chinoiserie
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #428675; /* Green */
--dnd-indicator: #c04851; /* Red */
--idle-indicator: #d6a01d; /* Yellow */
--streaming-indicator: #c08eaf; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #428675;
--dnd-indicator: #c04851;
--idle-indicator: #d6a01d;
--streaming-indicator: #c08eaf;
/* accent colors */
--accent-1: #815c94; /* links */
--accent-2: #c08eaf; /* general unread/mention elements */
--accent-3: #815c94; /* accent buttons */
--accent-4: #2b73af; /* accent buttons when hovered */
--accent-5: #428675; /* accent buttons when clicked */
--mention: rgba(192, 142, 175, 0.1);
--mention-hover: rgba(192, 142, 175, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #815c94;
--accent-2: #815c94;
--accent-3: #815c94;
--accent-4: #2b73af;
--accent-5: #428675;
--mention: rgba(214, 160, 29, 0.1);
--mention-hover: rgba(214, 160, 29, 0.15);
/* text colors */
--text-0: #ffffff; /* text on colored elements */
--text-1: #4a4035; /* primary white-ish text */
--text-2: #131124; /* headings */
--text-3: #4a4035; /* normal text */
--text-4: #918072; /* icon buttons and channels */
--text-5: #80766e; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #ffffff;
--text-1: #2f2f35;
--text-2: #2f2f35;
--text-3: #4a4035;
--text-4: #918072;
--text-5: #80766e;
/* background and dark colors */
--bg-1: #d6d6d6; /* dark buttons when clicked */
--bg-2: #e0e0e0; /* dark buttons */
--bg-3: #d6d6d6; /* spacing, secondary elements */
--bg-4: #ffffff; /* main background color */
--hover: #d6d6d6; /* channels and buttons when hovered */
--active: #80766e; /* channels and buttons when selected */
--message-hover: rgba(224, 224, 224, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #ffffff; /* Master background (Deepest) */
--bg-3: #e0e0e0; /* Secondary background */
--bg-2: #d6d6d6; /* Buttons and UI elements */
--bg-1: #80766e; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(74, 64, 53, 0.05);
--active: rgba(74, 64, 53, 0.1);
--message-hover: rgba(74, 64, 53, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #ffffff !important;
background: #815c94 !important;
}

100
build/base16-chinoiserie-midnight
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #aeb831; /* Green */
--dnd-indicator: #ed5a56; /* Red */
--idle-indicator: #fbb957; /* Yellow */
--streaming-indicator: #cf8997; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #aeb831;
--dnd-indicator: #ed5a56;
--idle-indicator: #fbb957;
--streaming-indicator: #cf8997;
/* accent colors */
--accent-1: #81a2a2; /* links */
--accent-2: #cf8997; /* general unread/mention elements */
--accent-3: #81a2a2; /* accent buttons */
--accent-4: #88b68d; /* accent buttons when hovered */
--accent-5: #aeb831; /* accent buttons when clicked */
--mention: rgba(207, 137, 151, 0.1);
--mention-hover: rgba(207, 137, 151, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #81a2a2;
--accent-2: #81a2a2;
--accent-3: #81a2a2;
--accent-4: #88b68d;
--accent-5: #aeb831;
--mention: rgba(251, 185, 87, 0.1);
--mention-hover: rgba(251, 185, 87, 0.15);
/* text colors */
--text-0: #1d1d1d; /* text on colored elements */
--text-1: #c4cbcf; /* primary white-ish text */
--text-2: #fffef9; /* headings */
--text-3: #c4cbcf; /* normal text */
--text-4: #bdaead; /* icon buttons and channels */
--text-5: #918072; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1d1d1d;
--text-1: #eee7f2;
--text-2: #eee7f2;
--text-3: #c4cbcf;
--text-4: #bdaead;
--text-5: #918072;
/* background and dark colors */
--bg-1: #373737; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #373737; /* spacing, secondary elements */
--bg-4: #1d1d1d; /* main background color */
--hover: #373737; /* channels and buttons when hovered */
--active: #918072; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1d1d1d; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #373737; /* Buttons and UI elements */
--bg-1: #918072; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(196, 203, 207, 0.05);
--active: rgba(196, 203, 207, 0.1);
--message-hover: rgba(196, 203, 207, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1d1d1d !important;
background: #81a2a2 !important;
}

100
build/base16-chinoiserie-morandi
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #8ca07b; /* Green */
--dnd-indicator: #c06061; /* Red */
--idle-indicator: #e5bc84; /* Yellow */
--streaming-indicator: #98a1d8; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #8ca07b;
--dnd-indicator: #c06061;
--idle-indicator: #e5bc84;
--streaming-indicator: #98a1d8;
/* accent colors */
--accent-1: #839ec9; /* links */
--accent-2: #98a1d8; /* general unread/mention elements */
--accent-3: #839ec9; /* accent buttons */
--accent-4: #5e8c9b; /* accent buttons when hovered */
--accent-5: #8ca07b; /* accent buttons when clicked */
--mention: rgba(152, 161, 216, 0.1);
--mention-hover: rgba(152, 161, 216, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #839ec9;
--accent-2: #839ec9;
--accent-3: #839ec9;
--accent-4: #5e8c9b;
--accent-5: #8ca07b;
--mention: rgba(229, 188, 132, 0.1);
--mention-hover: rgba(229, 188, 132, 0.15);
/* text colors */
--text-0: #1d1d1d; /* text on colored elements */
--text-1: #c4cbcf; /* primary white-ish text */
--text-2: #fffef9; /* headings */
--text-3: #c4cbcf; /* normal text */
--text-4: #bdaead; /* icon buttons and channels */
--text-5: #918072; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1d1d1d;
--text-1: #eee7f2;
--text-2: #eee7f2;
--text-3: #c4cbcf;
--text-4: #bdaead;
--text-5: #918072;
/* background and dark colors */
--bg-1: #373737; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #373737; /* spacing, secondary elements */
--bg-4: #1d1d1d; /* main background color */
--hover: #373737; /* channels and buttons when hovered */
--active: #918072; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1d1d1d; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #373737; /* Buttons and UI elements */
--bg-1: #918072; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(196, 203, 207, 0.05);
--active: rgba(196, 203, 207, 0.1);
--message-hover: rgba(196, 203, 207, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1d1d1d !important;
background: #839ec9 !important;
}

100
build/base16-chinoiserie-night
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #b2cf87; /* Green */
--dnd-indicator: #f07c82; /* Red */
--idle-indicator: #f4ce69; /* Yellow */
--streaming-indicator: #be9db9; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #b2cf87;
--dnd-indicator: #f07c82;
--idle-indicator: #f4ce69;
--streaming-indicator: #be9db9;
/* accent colors */
--accent-1: #8fb2c9; /* links */
--accent-2: #be9db9; /* general unread/mention elements */
--accent-3: #8fb2c9; /* accent buttons */
--accent-4: #b0d5df; /* accent buttons when hovered */
--accent-5: #b2cf87; /* accent buttons when clicked */
--mention: rgba(190, 157, 185, 0.1);
--mention-hover: rgba(190, 157, 185, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #8fb2c9;
--accent-2: #8fb2c9;
--accent-3: #8fb2c9;
--accent-4: #b0d5df;
--accent-5: #b2cf87;
--mention: rgba(244, 206, 105, 0.1);
--mention-hover: rgba(244, 206, 105, 0.15);
/* text colors */
--text-0: #1d1d1d; /* text on colored elements */
--text-1: #c4cbcf; /* primary white-ish text */
--text-2: #fffef9; /* headings */
--text-3: #c4cbcf; /* normal text */
--text-4: #bdaead; /* icon buttons and channels */
--text-5: #918072; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1d1d1d;
--text-1: #eee7f2;
--text-2: #eee7f2;
--text-3: #c4cbcf;
--text-4: #bdaead;
--text-5: #918072;
/* background and dark colors */
--bg-1: #373737; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #373737; /* spacing, secondary elements */
--bg-4: #1d1d1d; /* main background color */
--hover: #373737; /* channels and buttons when hovered */
--active: #918072; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1d1d1d; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #373737; /* Buttons and UI elements */
--bg-1: #918072; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(196, 203, 207, 0.05);
--active: rgba(196, 203, 207, 0.1);
--message-hover: rgba(196, 203, 207, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1d1d1d !important;
background: #8fb2c9 !important;
}

100
build/base16-circus
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #84b97c; /* Green */
--dnd-indicator: #dc657d; /* Red */
--idle-indicator: #c3ba63; /* Yellow */
--streaming-indicator: #b888e2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #84b97c;
--dnd-indicator: #dc657d;
--idle-indicator: #c3ba63;
--streaming-indicator: #b888e2;
/* accent colors */
--accent-1: #639ee4; /* links */
--accent-2: #b888e2; /* general unread/mention elements */
--accent-3: #639ee4; /* accent buttons */
--accent-4: #4bb1a7; /* accent buttons when hovered */
--accent-5: #84b97c; /* accent buttons when clicked */
--mention: rgba(184, 136, 226, 0.1);
--mention-hover: rgba(184, 136, 226, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #639ee4;
--accent-2: #639ee4;
--accent-3: #639ee4;
--accent-4: #4bb1a7;
--accent-5: #84b97c;
--mention: rgba(195, 186, 99, 0.1);
--mention-hover: rgba(195, 186, 99, 0.15);
/* text colors */
--text-0: #191919; /* text on colored elements */
--text-1: #a7a7a7; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #a7a7a7; /* normal text */
--text-4: #505050; /* icon buttons and channels */
--text-5: #5f5a60; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #191919;
--text-1: #808080;
--text-2: #808080;
--text-3: #a7a7a7;
--text-4: #505050;
--text-5: #5f5a60;
/* background and dark colors */
--bg-1: #303030; /* dark buttons when clicked */
--bg-2: #202020; /* dark buttons */
--bg-3: #303030; /* spacing, secondary elements */
--bg-4: #191919; /* main background color */
--hover: #303030; /* channels and buttons when hovered */
--active: #5f5a60; /* channels and buttons when selected */
--message-hover: rgba(32, 32, 32, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #191919; /* Master background (Deepest) */
--bg-3: #202020; /* Secondary background */
--bg-2: #303030; /* Buttons and UI elements */
--bg-1: #5f5a60; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(167, 167, 167, 0.05);
--active: rgba(167, 167, 167, 0.1);
--message-hover: rgba(167, 167, 167, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #191919 !important;
background: #639ee4 !important;
}

100
build/base16-classic-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #90a959; /* Green */
--dnd-indicator: #ac4142; /* Red */
--idle-indicator: #f4bf75; /* Yellow */
--streaming-indicator: #aa759f; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #90a959;
--dnd-indicator: #ac4142;
--idle-indicator: #f4bf75;
--streaming-indicator: #aa759f;
/* accent colors */
--accent-1: #6a9fb5; /* links */
--accent-2: #aa759f; /* general unread/mention elements */
--accent-3: #6a9fb5; /* accent buttons */
--accent-4: #75b5aa; /* accent buttons when hovered */
--accent-5: #90a959; /* accent buttons when clicked */
--mention: rgba(170, 117, 159, 0.1);
--mention-hover: rgba(170, 117, 159, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6a9fb5;
--accent-2: #6a9fb5;
--accent-3: #6a9fb5;
--accent-4: #75b5aa;
--accent-5: #90a959;
--mention: rgba(244, 191, 117, 0.1);
--mention-hover: rgba(244, 191, 117, 0.15);
/* text colors */
--text-0: #151515; /* text on colored elements */
--text-1: #d0d0d0; /* primary white-ish text */
--text-2: #f5f5f5; /* headings */
--text-3: #d0d0d0; /* normal text */
--text-4: #b0b0b0; /* icon buttons and channels */
--text-5: #505050; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #151515;
--text-1: #e0e0e0;
--text-2: #e0e0e0;
--text-3: #d0d0d0;
--text-4: #b0b0b0;
--text-5: #505050;
/* background and dark colors */
--bg-1: #303030; /* dark buttons when clicked */
--bg-2: #202020; /* dark buttons */
--bg-3: #303030; /* spacing, secondary elements */
--bg-4: #151515; /* main background color */
--hover: #303030; /* channels and buttons when hovered */
--active: #505050; /* channels and buttons when selected */
--message-hover: rgba(32, 32, 32, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #151515; /* Master background (Deepest) */
--bg-3: #202020; /* Secondary background */
--bg-2: #303030; /* Buttons and UI elements */
--bg-1: #505050; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(208, 208, 208, 0.05);
--active: rgba(208, 208, 208, 0.1);
--message-hover: rgba(208, 208, 208, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #151515 !important;
background: #6a9fb5 !important;
}

100
build/base16-classic-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #90a959; /* Green */
--dnd-indicator: #ac4142; /* Red */
--idle-indicator: #f4bf75; /* Yellow */
--streaming-indicator: #aa759f; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #90a959;
--dnd-indicator: #ac4142;
--idle-indicator: #f4bf75;
--streaming-indicator: #aa759f;
/* accent colors */
--accent-1: #6a9fb5; /* links */
--accent-2: #aa759f; /* general unread/mention elements */
--accent-3: #6a9fb5; /* accent buttons */
--accent-4: #75b5aa; /* accent buttons when hovered */
--accent-5: #90a959; /* accent buttons when clicked */
--mention: rgba(170, 117, 159, 0.1);
--mention-hover: rgba(170, 117, 159, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6a9fb5;
--accent-2: #6a9fb5;
--accent-3: #6a9fb5;
--accent-4: #75b5aa;
--accent-5: #90a959;
--mention: rgba(244, 191, 117, 0.1);
--mention-hover: rgba(244, 191, 117, 0.15);
/* text colors */
--text-0: #f5f5f5; /* text on colored elements */
--text-1: #303030; /* primary white-ish text */
--text-2: #151515; /* headings */
--text-3: #303030; /* normal text */
--text-4: #505050; /* icon buttons and channels */
--text-5: #b0b0b0; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f5f5f5;
--text-1: #202020;
--text-2: #202020;
--text-3: #303030;
--text-4: #505050;
--text-5: #b0b0b0;
/* background and dark colors */
--bg-1: #d0d0d0; /* dark buttons when clicked */
--bg-2: #e0e0e0; /* dark buttons */
--bg-3: #d0d0d0; /* spacing, secondary elements */
--bg-4: #f5f5f5; /* main background color */
--hover: #d0d0d0; /* channels and buttons when hovered */
--active: #b0b0b0; /* channels and buttons when selected */
--message-hover: rgba(224, 224, 224, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f5f5f5; /* Master background (Deepest) */
--bg-3: #e0e0e0; /* Secondary background */
--bg-2: #d0d0d0; /* Buttons and UI elements */
--bg-1: #b0b0b0; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(48, 48, 48, 0.05);
--active: rgba(48, 48, 48, 0.1);
--message-hover: rgba(48, 48, 48, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f5f5f5 !important;
background: #6a9fb5 !important;
}

100
build/base16-codeschool
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #237986; /* Green */
--dnd-indicator: #2a5491; /* Red */
--idle-indicator: #a03b1e; /* Yellow */
--streaming-indicator: #c59820; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #237986;
--dnd-indicator: #2a5491;
--idle-indicator: #a03b1e;
--streaming-indicator: #c59820;
/* accent colors */
--accent-1: #484d79; /* links */
--accent-2: #c59820; /* general unread/mention elements */
--accent-3: #484d79; /* accent buttons */
--accent-4: #b02f30; /* accent buttons when hovered */
--accent-5: #237986; /* accent buttons when clicked */
--mention: rgba(197, 152, 32, 0.1);
--mention-hover: rgba(197, 152, 32, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #484d79;
--accent-2: #484d79;
--accent-3: #484d79;
--accent-4: #b02f30;
--accent-5: #237986;
--mention: rgba(160, 59, 30, 0.1);
--mention-hover: rgba(160, 59, 30, 0.15);
/* text colors */
--text-0: #232c31; /* text on colored elements */
--text-1: #9ea7a6; /* primary white-ish text */
--text-2: #b5d8f6; /* headings */
--text-3: #9ea7a6; /* normal text */
--text-4: #84898c; /* icon buttons and channels */
--text-5: #3f4944; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #232c31;
--text-1: #a7cfa3;
--text-2: #a7cfa3;
--text-3: #9ea7a6;
--text-4: #84898c;
--text-5: #3f4944;
/* background and dark colors */
--bg-1: #2a343a; /* dark buttons when clicked */
--bg-2: #1c3657; /* dark buttons */
--bg-3: #2a343a; /* spacing, secondary elements */
--bg-4: #232c31; /* main background color */
--hover: #2a343a; /* channels and buttons when hovered */
--active: #3f4944; /* channels and buttons when selected */
--message-hover: rgba(28, 54, 87, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #232c31; /* Master background (Deepest) */
--bg-3: #1c3657; /* Secondary background */
--bg-2: #2a343a; /* Buttons and UI elements */
--bg-1: #3f4944; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(158, 167, 166, 0.05);
--active: rgba(158, 167, 166, 0.1);
--message-hover: rgba(158, 167, 166, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #232c31 !important;
background: #484d79 !important;
}

100
build/base16-colors
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #2ecc40; /* Green */
--dnd-indicator: #ff4136; /* Red */
--idle-indicator: #ffdc00; /* Yellow */
--streaming-indicator: #b10dc9; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #2ecc40;
--dnd-indicator: #ff4136;
--idle-indicator: #ffdc00;
--streaming-indicator: #b10dc9;
/* accent colors */
--accent-1: #0074d9; /* links */
--accent-2: #b10dc9; /* general unread/mention elements */
--accent-3: #0074d9; /* accent buttons */
--accent-4: #7fdbff; /* accent buttons when hovered */
--accent-5: #2ecc40; /* accent buttons when clicked */
--mention: rgba(177, 13, 201, 0.1);
--mention-hover: rgba(177, 13, 201, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #0074d9;
--accent-2: #0074d9;
--accent-3: #0074d9;
--accent-4: #7fdbff;
--accent-5: #2ecc40;
--mention: rgba(255, 220, 0, 0.1);
--mention-hover: rgba(255, 220, 0, 0.15);
/* text colors */
--text-0: #111111; /* text on colored elements */
--text-1: #bbbbbb; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #bbbbbb; /* normal text */
--text-4: #999999; /* icon buttons and channels */
--text-5: #777777; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #111111;
--text-1: #dddddd;
--text-2: #dddddd;
--text-3: #bbbbbb;
--text-4: #999999;
--text-5: #777777;
/* background and dark colors */
--bg-1: #555555; /* dark buttons when clicked */
--bg-2: #333333; /* dark buttons */
--bg-3: #555555; /* spacing, secondary elements */
--bg-4: #111111; /* main background color */
--hover: #555555; /* channels and buttons when hovered */
--active: #777777; /* channels and buttons when selected */
--message-hover: rgba(51, 51, 51, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #111111; /* Master background (Deepest) */
--bg-3: #333333; /* Secondary background */
--bg-2: #555555; /* Buttons and UI elements */
--bg-1: #777777; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(187, 187, 187, 0.05);
--active: rgba(187, 187, 187, 0.1);
--message-hover: rgba(187, 187, 187, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #111111 !important;
background: #0074d9 !important;
}

100
build/base16-cupcake
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a3b367; /* Green */
--dnd-indicator: #d57e85; /* Red */
--idle-indicator: #dcb16c; /* Yellow */
--streaming-indicator: #bb99b4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a3b367;
--dnd-indicator: #d57e85;
--idle-indicator: #dcb16c;
--streaming-indicator: #bb99b4;
/* accent colors */
--accent-1: #7297b9; /* links */
--accent-2: #bb99b4; /* general unread/mention elements */
--accent-3: #7297b9; /* accent buttons */
--accent-4: #69a9a7; /* accent buttons when hovered */
--accent-5: #a3b367; /* accent buttons when clicked */
--mention: rgba(187, 153, 180, 0.1);
--mention-hover: rgba(187, 153, 180, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #7297b9;
--accent-2: #7297b9;
--accent-3: #7297b9;
--accent-4: #69a9a7;
--accent-5: #a3b367;
--mention: rgba(220, 177, 108, 0.1);
--mention-hover: rgba(220, 177, 108, 0.15);
/* text colors */
--text-0: #fbf1f2; /* text on colored elements */
--text-1: #8b8198; /* primary white-ish text */
--text-2: #585062; /* headings */
--text-3: #8b8198; /* normal text */
--text-4: #a59daf; /* icon buttons and channels */
--text-5: #bfb9c6; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #fbf1f2;
--text-1: #72677e;
--text-2: #72677e;
--text-3: #8b8198;
--text-4: #a59daf;
--text-5: #bfb9c6;
/* background and dark colors */
--bg-1: #d8d5dd; /* dark buttons when clicked */
--bg-2: #f2f1f4; /* dark buttons */
--bg-3: #d8d5dd; /* spacing, secondary elements */
--bg-4: #fbf1f2; /* main background color */
--hover: #d8d5dd; /* channels and buttons when hovered */
--active: #bfb9c6; /* channels and buttons when selected */
--message-hover: rgba(242, 241, 244, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #fbf1f2; /* Master background (Deepest) */
--bg-3: #f2f1f4; /* Secondary background */
--bg-2: #d8d5dd; /* Buttons and UI elements */
--bg-1: #bfb9c6; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(139, 129, 152, 0.05);
--active: rgba(139, 129, 152, 0.1);
--message-hover: rgba(139, 129, 152, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #fbf1f2 !important;
background: #7297b9 !important;
}

100
build/base16-cupertino
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #007400; /* Green */
--dnd-indicator: #c41a15; /* Red */
--idle-indicator: #826b28; /* Yellow */
--streaming-indicator: #a90d91; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #007400;
--dnd-indicator: #c41a15;
--idle-indicator: #826b28;
--streaming-indicator: #a90d91;
/* accent colors */
--accent-1: #0000ff; /* links */
--accent-2: #a90d91; /* general unread/mention elements */
--accent-3: #0000ff; /* accent buttons */
--accent-4: #318495; /* accent buttons when hovered */
--accent-5: #007400; /* accent buttons when clicked */
--mention: rgba(169, 13, 145, 0.1);
--mention-hover: rgba(169, 13, 145, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #0000ff;
--accent-2: #0000ff;
--accent-3: #0000ff;
--accent-4: #318495;
--accent-5: #007400;
--mention: rgba(130, 107, 40, 0.1);
--mention-hover: rgba(130, 107, 40, 0.15);
/* text colors */
--text-0: #ffffff; /* text on colored elements */
--text-1: #404040; /* primary white-ish text */
--text-2: #5e5e5e; /* headings */
--text-3: #404040; /* normal text */
--text-4: #808080; /* icon buttons and channels */
--text-5: #808080; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #ffffff;
--text-1: #404040;
--text-2: #404040;
--text-3: #404040;
--text-4: #808080;
--text-5: #808080;
/* background and dark colors */
--bg-1: #c0c0c0; /* dark buttons when clicked */
--bg-2: #c0c0c0; /* dark buttons */
--bg-3: #c0c0c0; /* spacing, secondary elements */
--bg-4: #ffffff; /* main background color */
--hover: #c0c0c0; /* channels and buttons when hovered */
--active: #808080; /* channels and buttons when selected */
--message-hover: rgba(192, 192, 192, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #ffffff; /* Master background (Deepest) */
--bg-3: #c0c0c0; /* Secondary background */
--bg-2: #c0c0c0; /* Buttons and UI elements */
--bg-1: #808080; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(64, 64, 64, 0.05);
--active: rgba(64, 64, 64, 0.1);
--message-hover: rgba(64, 64, 64, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #ffffff !important;
background: #0000ff !important;
}

100
build/base16-cyberpunk
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #61ce3c; /* Green */
--dnd-indicator: #ff0000; /* Red */
--idle-indicator: #ffff00; /* Yellow */
--streaming-indicator: #ff1493; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #61ce3c;
--dnd-indicator: #ff0000;
--idle-indicator: #ffff00;
--streaming-indicator: #ff1493;
/* accent colors */
--accent-1: #4c83ff; /* links */
--accent-2: #ff1493; /* general unread/mention elements */
--accent-3: #4c83ff; /* accent buttons */
--accent-4: #93e0e3; /* accent buttons when hovered */
--accent-5: #61ce3c; /* accent buttons when clicked */
--mention: rgba(255, 20, 147, 0.1);
--mention-hover: rgba(255, 20, 147, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #4c83ff;
--accent-2: #4c83ff;
--accent-3: #4c83ff;
--accent-4: #93e0e3;
--accent-5: #61ce3c;
--mention: rgba(255, 255, 0, 0.1);
--mention-hover: rgba(255, 255, 0, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #dcdccc; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #dcdccc; /* normal text */
--text-4: #8b8989; /* icon buttons and channels */
--text-5: #4f4f4f; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #f8f8f8;
--text-2: #f8f8f8;
--text-3: #dcdccc;
--text-4: #8b8989;
--text-5: #4f4f4f;
/* background and dark colors */
--bg-1: #383838; /* dark buttons when clicked */
--bg-2: #2b2b2b; /* dark buttons */
--bg-3: #383838; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #383838; /* channels and buttons when hovered */
--active: #4f4f4f; /* channels and buttons when selected */
--message-hover: rgba(43, 43, 43, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #2b2b2b; /* Secondary background */
--bg-2: #383838; /* Buttons and UI elements */
--bg-1: #4f4f4f; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(220, 220, 204, 0.05);
--active: rgba(220, 220, 204, 0.1);
--message-hover: rgba(220, 220, 204, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #4c83ff !important;
}

100
build/base16-da-one-black
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #98c379; /* Green */
--dnd-indicator: #fa7883; /* Red */
--idle-indicator: #ff9470; /* Yellow */
--streaming-indicator: #e799ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #98c379;
--dnd-indicator: #fa7883;
--idle-indicator: #ff9470;
--streaming-indicator: #e799ff;
/* accent colors */
--accent-1: #6bb8ff; /* links */
--accent-2: #e799ff; /* general unread/mention elements */
--accent-3: #6bb8ff; /* accent buttons */
--accent-4: #8af5ff; /* accent buttons when hovered */
--accent-5: #98c379; /* accent buttons when clicked */
--mention: rgba(231, 153, 255, 0.1);
--mention-hover: rgba(231, 153, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6bb8ff;
--accent-2: #6bb8ff;
--accent-3: #6bb8ff;
--accent-4: #8af5ff;
--accent-5: #98c379;
--mention: rgba(255, 148, 112, 0.1);
--mention-hover: rgba(255, 148, 112, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #ffffff; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #ffffff; /* normal text */
--text-4: #c8c8c8; /* icon buttons and channels */
--text-5: #888888; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #ffffff;
--text-2: #ffffff;
--text-3: #ffffff;
--text-4: #c8c8c8;
--text-5: #888888;
/* background and dark colors */
--bg-1: #585858; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #585858; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #585858; /* channels and buttons when hovered */
--active: #888888; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #585858; /* Buttons and UI elements */
--bg-1: #888888; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 255, 255, 0.05);
--active: rgba(255, 255, 255, 0.1);
--message-hover: rgba(255, 255, 255, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #6bb8ff !important;
}

100
build/base16-da-one-gray
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #98c379; /* Green */
--dnd-indicator: #fa7883; /* Red */
--idle-indicator: #ff9470; /* Yellow */
--streaming-indicator: #e799ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #98c379;
--dnd-indicator: #fa7883;
--idle-indicator: #ff9470;
--streaming-indicator: #e799ff;
/* accent colors */
--accent-1: #6bb8ff; /* links */
--accent-2: #e799ff; /* general unread/mention elements */
--accent-3: #6bb8ff; /* accent buttons */
--accent-4: #8af5ff; /* accent buttons when hovered */
--accent-5: #98c379; /* accent buttons when clicked */
--mention: rgba(231, 153, 255, 0.1);
--mention-hover: rgba(231, 153, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6bb8ff;
--accent-2: #6bb8ff;
--accent-3: #6bb8ff;
--accent-4: #8af5ff;
--accent-5: #98c379;
--mention: rgba(255, 148, 112, 0.1);
--mention-hover: rgba(255, 148, 112, 0.15);
/* text colors */
--text-0: #181818; /* text on colored elements */
--text-1: #ffffff; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #ffffff; /* normal text */
--text-4: #c8c8c8; /* icon buttons and channels */
--text-5: #888888; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #181818;
--text-1: #ffffff;
--text-2: #ffffff;
--text-3: #ffffff;
--text-4: #c8c8c8;
--text-5: #888888;
/* background and dark colors */
--bg-1: #585858; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #585858; /* spacing, secondary elements */
--bg-4: #181818; /* main background color */
--hover: #585858; /* channels and buttons when hovered */
--active: #888888; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #181818; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #585858; /* Buttons and UI elements */
--bg-1: #888888; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 255, 255, 0.05);
--active: rgba(255, 255, 255, 0.1);
--message-hover: rgba(255, 255, 255, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #181818 !important;
background: #6bb8ff !important;
}

100
build/base16-da-one-ocean
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #98c379; /* Green */
--dnd-indicator: #fa7883; /* Red */
--idle-indicator: #ff9470; /* Yellow */
--streaming-indicator: #e799ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #98c379;
--dnd-indicator: #fa7883;
--idle-indicator: #ff9470;
--streaming-indicator: #e799ff;
/* accent colors */
--accent-1: #6bb8ff; /* links */
--accent-2: #e799ff; /* general unread/mention elements */
--accent-3: #6bb8ff; /* accent buttons */
--accent-4: #8af5ff; /* accent buttons when hovered */
--accent-5: #98c379; /* accent buttons when clicked */
--mention: rgba(231, 153, 255, 0.1);
--mention-hover: rgba(231, 153, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6bb8ff;
--accent-2: #6bb8ff;
--accent-3: #6bb8ff;
--accent-4: #8af5ff;
--accent-5: #98c379;
--mention: rgba(255, 148, 112, 0.1);
--mention-hover: rgba(255, 148, 112, 0.15);
/* text colors */
--text-0: #171726; /* text on colored elements */
--text-1: #ffffff; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #ffffff; /* normal text */
--text-4: #c8c8c8; /* icon buttons and channels */
--text-5: #878d96; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #171726;
--text-1: #ffffff;
--text-2: #ffffff;
--text-3: #ffffff;
--text-4: #c8c8c8;
--text-5: #878d96;
/* background and dark colors */
--bg-1: #525866; /* dark buttons when clicked */
--bg-2: #22273d; /* dark buttons */
--bg-3: #525866; /* spacing, secondary elements */
--bg-4: #171726; /* main background color */
--hover: #525866; /* channels and buttons when hovered */
--active: #878d96; /* channels and buttons when selected */
--message-hover: rgba(34, 39, 61, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #171726; /* Master background (Deepest) */
--bg-3: #22273d; /* Secondary background */
--bg-2: #525866; /* Buttons and UI elements */
--bg-1: #878d96; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 255, 255, 0.05);
--active: rgba(255, 255, 255, 0.1);
--message-hover: rgba(255, 255, 255, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #171726 !important;
background: #6bb8ff !important;
}

100
build/base16-da-one-paper
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #76a85d; /* Green */
--dnd-indicator: #de5d6e; /* Red */
--idle-indicator: #b3684f; /* Yellow */
--streaming-indicator: #c173d1; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #76a85d;
--dnd-indicator: #de5d6e;
--idle-indicator: #b3684f;
--streaming-indicator: #c173d1;
/* accent colors */
--accent-1: #5890f8; /* links */
--accent-2: #c173d1; /* general unread/mention elements */
--accent-3: #5890f8; /* accent buttons */
--accent-4: #64b5a7; /* accent buttons when hovered */
--accent-5: #76a85d; /* accent buttons when clicked */
--mention: rgba(193, 115, 209, 0.1);
--mention-hover: rgba(193, 115, 209, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5890f8;
--accent-2: #5890f8;
--accent-3: #5890f8;
--accent-4: #64b5a7;
--accent-5: #76a85d;
--mention: rgba(179, 104, 79, 0.1);
--mention-hover: rgba(179, 104, 79, 0.15);
/* text colors */
--text-0: #faf0dc; /* text on colored elements */
--text-1: #181818; /* primary white-ish text */
--text-2: #000000; /* headings */
--text-3: #181818; /* normal text */
--text-4: #282828; /* icon buttons and channels */
--text-5: #585858; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #faf0dc;
--text-1: #000000;
--text-2: #000000;
--text-3: #181818;
--text-4: #282828;
--text-5: #585858;
/* background and dark colors */
--bg-1: #888888; /* dark buttons when clicked */
--bg-2: #c8c8c8; /* dark buttons */
--bg-3: #888888; /* spacing, secondary elements */
--bg-4: #faf0dc; /* main background color */
--hover: #888888; /* channels and buttons when hovered */
--active: #585858; /* channels and buttons when selected */
--message-hover: rgba(200, 200, 200, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #faf0dc; /* Master background (Deepest) */
--bg-3: #c8c8c8; /* Secondary background */
--bg-2: #888888; /* Buttons and UI elements */
--bg-1: #585858; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(24, 24, 24, 0.05);
--active: rgba(24, 24, 24, 0.1);
--message-hover: rgba(24, 24, 24, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #faf0dc !important;
background: #5890f8 !important;
}

100
build/base16-da-one-sea
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #98c379; /* Green */
--dnd-indicator: #fa7883; /* Red */
--idle-indicator: #ff9470; /* Yellow */
--streaming-indicator: #e799ff; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #98c379;
--dnd-indicator: #fa7883;
--idle-indicator: #ff9470;
--streaming-indicator: #e799ff;
/* accent colors */
--accent-1: #6bb8ff; /* links */
--accent-2: #e799ff; /* general unread/mention elements */
--accent-3: #6bb8ff; /* accent buttons */
--accent-4: #8af5ff; /* accent buttons when hovered */
--accent-5: #98c379; /* accent buttons when clicked */
--mention: rgba(231, 153, 255, 0.1);
--mention-hover: rgba(231, 153, 255, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6bb8ff;
--accent-2: #6bb8ff;
--accent-3: #6bb8ff;
--accent-4: #8af5ff;
--accent-5: #98c379;
--mention: rgba(255, 148, 112, 0.1);
--mention-hover: rgba(255, 148, 112, 0.15);
/* text colors */
--text-0: #22273d; /* text on colored elements */
--text-1: #ffffff; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #ffffff; /* normal text */
--text-4: #c8c8c8; /* icon buttons and channels */
--text-5: #878d96; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #22273d;
--text-1: #ffffff;
--text-2: #ffffff;
--text-3: #ffffff;
--text-4: #c8c8c8;
--text-5: #878d96;
/* background and dark colors */
--bg-1: #525866; /* dark buttons when clicked */
--bg-2: #374059; /* dark buttons */
--bg-3: #525866; /* spacing, secondary elements */
--bg-4: #22273d; /* main background color */
--hover: #525866; /* channels and buttons when hovered */
--active: #878d96; /* channels and buttons when selected */
--message-hover: rgba(55, 64, 89, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #22273d; /* Master background (Deepest) */
--bg-3: #374059; /* Secondary background */
--bg-2: #525866; /* Buttons and UI elements */
--bg-1: #878d96; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(255, 255, 255, 0.05);
--active: rgba(255, 255, 255, 0.1);
--message-hover: rgba(255, 255, 255, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #22273d !important;
background: #6bb8ff !important;
}

100
build/base16-da-one-white
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #76a85d; /* Green */
--dnd-indicator: #de5d6e; /* Red */
--idle-indicator: #b3684f; /* Yellow */
--streaming-indicator: #c173d1; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #76a85d;
--dnd-indicator: #de5d6e;
--idle-indicator: #b3684f;
--streaming-indicator: #c173d1;
/* accent colors */
--accent-1: #5890f8; /* links */
--accent-2: #c173d1; /* general unread/mention elements */
--accent-3: #5890f8; /* accent buttons */
--accent-4: #64b5a7; /* accent buttons when hovered */
--accent-5: #76a85d; /* accent buttons when clicked */
--mention: rgba(193, 115, 209, 0.1);
--mention-hover: rgba(193, 115, 209, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5890f8;
--accent-2: #5890f8;
--accent-3: #5890f8;
--accent-4: #64b5a7;
--accent-5: #76a85d;
--mention: rgba(179, 104, 79, 0.1);
--mention-hover: rgba(179, 104, 79, 0.15);
/* text colors */
--text-0: #ffffff; /* text on colored elements */
--text-1: #181818; /* primary white-ish text */
--text-2: #000000; /* headings */
--text-3: #181818; /* normal text */
--text-4: #282828; /* icon buttons and channels */
--text-5: #585858; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #ffffff;
--text-1: #000000;
--text-2: #000000;
--text-3: #181818;
--text-4: #282828;
--text-5: #585858;
/* background and dark colors */
--bg-1: #888888; /* dark buttons when clicked */
--bg-2: #c8c8c8; /* dark buttons */
--bg-3: #888888; /* spacing, secondary elements */
--bg-4: #ffffff; /* main background color */
--hover: #888888; /* channels and buttons when hovered */
--active: #585858; /* channels and buttons when selected */
--message-hover: rgba(200, 200, 200, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #ffffff; /* Master background (Deepest) */
--bg-3: #c8c8c8; /* Secondary background */
--bg-2: #888888; /* Buttons and UI elements */
--bg-1: #585858; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(24, 24, 24, 0.05);
--active: rgba(24, 24, 24, 0.1);
--message-hover: rgba(24, 24, 24, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #ffffff !important;
background: #5890f8 !important;
}

100
build/base16-danqing
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #8ab361; /* Green */
--dnd-indicator: #f9906f; /* Red */
--idle-indicator: #f0c239; /* Yellow */
--streaming-indicator: #cca4e3; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #8ab361;
--dnd-indicator: #f9906f;
--idle-indicator: #f0c239;
--streaming-indicator: #cca4e3;
/* accent colors */
--accent-1: #b0a4e3; /* links */
--accent-2: #cca4e3; /* general unread/mention elements */
--accent-3: #b0a4e3; /* accent buttons */
--accent-4: #30dff3; /* accent buttons when hovered */
--accent-5: #8ab361; /* accent buttons when clicked */
--mention: rgba(204, 164, 227, 0.1);
--mention-hover: rgba(204, 164, 227, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #b0a4e3;
--accent-2: #b0a4e3;
--accent-3: #b0a4e3;
--accent-4: #30dff3;
--accent-5: #8ab361;
--mention: rgba(240, 194, 57, 0.1);
--mention-hover: rgba(240, 194, 57, 0.15);
/* text colors */
--text-0: #2d302f; /* text on colored elements */
--text-1: #e0f0ef; /* primary white-ish text */
--text-2: #fcfefd; /* headings */
--text-3: #e0f0ef; /* normal text */
--text-4: #cad8d2; /* icon buttons and channels */
--text-5: #9da8a3; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #2d302f;
--text-1: #ecf6f2;
--text-2: #ecf6f2;
--text-3: #e0f0ef;
--text-4: #cad8d2;
--text-5: #9da8a3;
/* background and dark colors */
--bg-1: #5a605d; /* dark buttons when clicked */
--bg-2: #434846; /* dark buttons */
--bg-3: #5a605d; /* spacing, secondary elements */
--bg-4: #2d302f; /* main background color */
--hover: #5a605d; /* channels and buttons when hovered */
--active: #9da8a3; /* channels and buttons when selected */
--message-hover: rgba(67, 72, 70, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #2d302f; /* Master background (Deepest) */
--bg-3: #434846; /* Secondary background */
--bg-2: #5a605d; /* Buttons and UI elements */
--bg-1: #9da8a3; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(224, 240, 239, 0.05);
--active: rgba(224, 240, 239, 0.1);
--message-hover: rgba(224, 240, 239, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #2d302f !important;
background: #b0a4e3 !important;
}

100
build/base16-danqing-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #8ab361; /* Green */
--dnd-indicator: #f9906f; /* Red */
--idle-indicator: #f0c239; /* Yellow */
--streaming-indicator: #cca4e3; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #8ab361;
--dnd-indicator: #f9906f;
--idle-indicator: #f0c239;
--streaming-indicator: #cca4e3;
/* accent colors */
--accent-1: #b0a4e3; /* links */
--accent-2: #cca4e3; /* general unread/mention elements */
--accent-3: #b0a4e3; /* accent buttons */
--accent-4: #30dff3; /* accent buttons when hovered */
--accent-5: #8ab361; /* accent buttons when clicked */
--mention: rgba(204, 164, 227, 0.1);
--mention-hover: rgba(204, 164, 227, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #b0a4e3;
--accent-2: #b0a4e3;
--accent-3: #b0a4e3;
--accent-4: #30dff3;
--accent-5: #8ab361;
--mention: rgba(240, 194, 57, 0.1);
--mention-hover: rgba(240, 194, 57, 0.15);
/* text colors */
--text-0: #fcfefd; /* text on colored elements */
--text-1: #5a605d; /* primary white-ish text */
--text-2: #2d302f; /* headings */
--text-3: #5a605d; /* normal text */
--text-4: #9da8a3; /* icon buttons and channels */
--text-5: #cad8d2; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #fcfefd;
--text-1: #434846;
--text-2: #434846;
--text-3: #5a605d;
--text-4: #9da8a3;
--text-5: #cad8d2;
/* background and dark colors */
--bg-1: #e0f0ef; /* dark buttons when clicked */
--bg-2: #ecf6f2; /* dark buttons */
--bg-3: #e0f0ef; /* spacing, secondary elements */
--bg-4: #fcfefd; /* main background color */
--hover: #e0f0ef; /* channels and buttons when hovered */
--active: #cad8d2; /* channels and buttons when selected */
--message-hover: rgba(236, 246, 242, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #fcfefd; /* Master background (Deepest) */
--bg-3: #ecf6f2; /* Secondary background */
--bg-2: #e0f0ef; /* Buttons and UI elements */
--bg-1: #cad8d2; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(90, 96, 93, 0.05);
--active: rgba(90, 96, 93, 0.1);
--message-hover: rgba(90, 96, 93, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #fcfefd !important;
background: #b0a4e3 !important;
}

100
build/base16-darcula
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #6a8759; /* Green */
--dnd-indicator: #4eade5; /* Red */
--idle-indicator: #bbb529; /* Yellow */
--streaming-indicator: #cc7832; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #6a8759;
--dnd-indicator: #4eade5;
--idle-indicator: #bbb529;
--streaming-indicator: #cc7832;
/* accent colors */
--accent-1: #9876aa; /* links */
--accent-2: #cc7832; /* general unread/mention elements */
--accent-3: #9876aa; /* accent buttons */
--accent-4: #629755; /* accent buttons when hovered */
--accent-5: #6a8759; /* accent buttons when clicked */
--mention: rgba(204, 120, 50, 0.1);
--mention-hover: rgba(204, 120, 50, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #9876aa;
--accent-2: #9876aa;
--accent-3: #9876aa;
--accent-4: #629755;
--accent-5: #6a8759;
--mention: rgba(187, 181, 41, 0.1);
--mention-hover: rgba(187, 181, 41, 0.15);
/* text colors */
--text-0: #2b2b2b; /* text on colored elements */
--text-1: #a9b7c6; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #a9b7c6; /* normal text */
--text-4: #a4a3a3; /* icon buttons and channels */
--text-5: #606366; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #2b2b2b;
--text-1: #ffc66d;
--text-2: #ffc66d;
--text-3: #a9b7c6;
--text-4: #a4a3a3;
--text-5: #606366;
/* background and dark colors */
--bg-1: #323232; /* dark buttons when clicked */
--bg-2: #323232; /* dark buttons */
--bg-3: #323232; /* spacing, secondary elements */
--bg-4: #2b2b2b; /* main background color */
--hover: #323232; /* channels and buttons when hovered */
--active: #606366; /* channels and buttons when selected */
--message-hover: rgba(50, 50, 50, 0.3);
/* --- 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: #323232; /* Secondary background */
--bg-2: #323232; /* Buttons and UI elements */
--bg-1: #606366; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(169, 183, 198, 0.05);
--active: rgba(169, 183, 198, 0.1);
--message-hover: rgba(169, 183, 198, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #2b2b2b !important;
background: #9876aa !important;
}

100
build/base16-darkmoss
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #499180; /* Green */
--dnd-indicator: #ff4658; /* Red */
--idle-indicator: #fdb11f; /* Yellow */
--streaming-indicator: #9bc0c8; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #499180;
--dnd-indicator: #ff4658;
--idle-indicator: #fdb11f;
--streaming-indicator: #9bc0c8;
/* accent colors */
--accent-1: #498091; /* links */
--accent-2: #9bc0c8; /* general unread/mention elements */
--accent-3: #498091; /* accent buttons */
--accent-4: #66d9ef; /* accent buttons when hovered */
--accent-5: #499180; /* accent buttons when clicked */
--mention: rgba(155, 192, 200, 0.1);
--mention-hover: rgba(155, 192, 200, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #498091;
--accent-2: #498091;
--accent-3: #498091;
--accent-4: #66d9ef;
--accent-5: #499180;
--mention: rgba(253, 177, 31, 0.1);
--mention-hover: rgba(253, 177, 31, 0.15);
/* text colors */
--text-0: #171e1f; /* text on colored elements */
--text-1: #c7c7a5; /* primary white-ish text */
--text-2: #e1eaef; /* headings */
--text-3: #c7c7a5; /* normal text */
--text-4: #818f80; /* icon buttons and channels */
--text-5: #555e5f; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #171e1f;
--text-1: #e3e3c8;
--text-2: #e3e3c8;
--text-3: #c7c7a5;
--text-4: #818f80;
--text-5: #555e5f;
/* background and dark colors */
--bg-1: #373c3d; /* dark buttons when clicked */
--bg-2: #252c2d; /* dark buttons */
--bg-3: #373c3d; /* spacing, secondary elements */
--bg-4: #171e1f; /* main background color */
--hover: #373c3d; /* channels and buttons when hovered */
--active: #555e5f; /* channels and buttons when selected */
--message-hover: rgba(37, 44, 45, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #171e1f; /* Master background (Deepest) */
--bg-3: #252c2d; /* Secondary background */
--bg-2: #373c3d; /* Buttons and UI elements */
--bg-1: #555e5f; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(199, 199, 165, 0.05);
--active: rgba(199, 199, 165, 0.1);
--message-hover: rgba(199, 199, 165, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #171e1f !important;
background: #498091 !important;
}

100
build/base16-darktooth
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #95c085; /* Green */
--dnd-indicator: #fb543f; /* Red */
--idle-indicator: #fac03b; /* Yellow */
--streaming-indicator: #8f4673; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #95c085;
--dnd-indicator: #fb543f;
--idle-indicator: #fac03b;
--streaming-indicator: #8f4673;
/* accent colors */
--accent-1: #0d6678; /* links */
--accent-2: #8f4673; /* general unread/mention elements */
--accent-3: #0d6678; /* accent buttons */
--accent-4: #8ba59b; /* accent buttons when hovered */
--accent-5: #95c085; /* accent buttons when clicked */
--mention: rgba(143, 70, 115, 0.1);
--mention-hover: rgba(143, 70, 115, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #0d6678;
--accent-2: #0d6678;
--accent-3: #0d6678;
--accent-4: #8ba59b;
--accent-5: #95c085;
--mention: rgba(250, 192, 59, 0.1);
--mention-hover: rgba(250, 192, 59, 0.15);
/* text colors */
--text-0: #1d2021; /* text on colored elements */
--text-1: #a89984; /* primary white-ish text */
--text-2: #fdf4c1; /* headings */
--text-3: #a89984; /* normal text */
--text-4: #928374; /* icon buttons and channels */
--text-5: #665c54; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #1d2021;
--text-1: #d5c4a1;
--text-2: #d5c4a1;
--text-3: #a89984;
--text-4: #928374;
--text-5: #665c54;
/* background and dark colors */
--bg-1: #504945; /* dark buttons when clicked */
--bg-2: #32302f; /* dark buttons */
--bg-3: #504945; /* spacing, secondary elements */
--bg-4: #1d2021; /* main background color */
--hover: #504945; /* channels and buttons when hovered */
--active: #665c54; /* channels and buttons when selected */
--message-hover: rgba(50, 48, 47, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #1d2021; /* Master background (Deepest) */
--bg-3: #32302f; /* Secondary background */
--bg-2: #504945; /* Buttons and UI elements */
--bg-1: #665c54; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(168, 153, 132, 0.05);
--active: rgba(168, 153, 132, 0.1);
--message-hover: rgba(168, 153, 132, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #1d2021 !important;
background: #0d6678 !important;
}

100
build/base16-darkviolet
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #4595e6; /* Green */
--dnd-indicator: #a82ee6; /* Red */
--idle-indicator: #f29df2; /* Yellow */
--streaming-indicator: #7e5ce6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #4595e6;
--dnd-indicator: #a82ee6;
--idle-indicator: #f29df2;
--streaming-indicator: #7e5ce6;
/* accent colors */
--accent-1: #4136d9; /* links */
--accent-2: #7e5ce6; /* general unread/mention elements */
--accent-3: #4136d9; /* accent buttons */
--accent-4: #40dfff; /* accent buttons when hovered */
--accent-5: #4595e6; /* accent buttons when clicked */
--mention: rgba(126, 92, 230, 0.1);
--mention-hover: rgba(126, 92, 230, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #4136d9;
--accent-2: #4136d9;
--accent-3: #4136d9;
--accent-4: #40dfff;
--accent-5: #4595e6;
--mention: rgba(242, 157, 242, 0.1);
--mention-hover: rgba(242, 157, 242, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #b08ae6; /* primary white-ish text */
--text-2: #a366ff; /* headings */
--text-3: #b08ae6; /* normal text */
--text-4: #00ff00; /* icon buttons and channels */
--text-5: #593380; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #9045e6;
--text-2: #9045e6;
--text-3: #b08ae6;
--text-4: #00ff00;
--text-5: #593380;
/* background and dark colors */
--bg-1: #432d59; /* dark buttons when clicked */
--bg-2: #231a40; /* dark buttons */
--bg-3: #432d59; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #432d59; /* channels and buttons when hovered */
--active: #593380; /* channels and buttons when selected */
--message-hover: rgba(35, 26, 64, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #231a40; /* Secondary background */
--bg-2: #432d59; /* Buttons and UI elements */
--bg-1: #593380; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(176, 138, 230, 0.05);
--active: rgba(176, 138, 230, 0.1);
--message-hover: rgba(176, 138, 230, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #4136d9 !important;
}

100
build/base16-decaf
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #beda78; /* Green */
--dnd-indicator: #ff7f7b; /* Red */
--idle-indicator: #ffd67c; /* Yellow */
--streaming-indicator: #efb3f7; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #beda78;
--dnd-indicator: #ff7f7b;
--idle-indicator: #ffd67c;
--streaming-indicator: #efb3f7;
/* accent colors */
--accent-1: #90bee1; /* links */
--accent-2: #efb3f7; /* general unread/mention elements */
--accent-3: #90bee1; /* accent buttons */
--accent-4: #bed6ff; /* accent buttons when hovered */
--accent-5: #beda78; /* accent buttons when clicked */
--mention: rgba(239, 179, 247, 0.1);
--mention-hover: rgba(239, 179, 247, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #90bee1;
--accent-2: #90bee1;
--accent-3: #90bee1;
--accent-4: #bed6ff;
--accent-5: #beda78;
--mention: rgba(255, 214, 124, 0.1);
--mention-hover: rgba(255, 214, 124, 0.15);
/* text colors */
--text-0: #2d2d2d; /* text on colored elements */
--text-1: #cccccc; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #cccccc; /* normal text */
--text-4: #b4b7b4; /* icon buttons and channels */
--text-5: #777777; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #2d2d2d;
--text-1: #e0e0e0;
--text-2: #e0e0e0;
--text-3: #cccccc;
--text-4: #b4b7b4;
--text-5: #777777;
/* background and dark colors */
--bg-1: #515151; /* dark buttons when clicked */
--bg-2: #393939; /* dark buttons */
--bg-3: #515151; /* spacing, secondary elements */
--bg-4: #2d2d2d; /* main background color */
--hover: #515151; /* channels and buttons when hovered */
--active: #777777; /* channels and buttons when selected */
--message-hover: rgba(57, 57, 57, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #2d2d2d; /* Master background (Deepest) */
--bg-3: #393939; /* Secondary background */
--bg-2: #515151; /* Buttons and UI elements */
--bg-1: #777777; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(204, 204, 204, 0.05);
--active: rgba(204, 204, 204, 0.1);
--message-hover: rgba(204, 204, 204, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #2d2d2d !important;
background: #90bee1 !important;
}

100
build/base16-deep-oceanic-next
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #63b784; /* Green */
--dnd-indicator: #d3464d; /* Red */
--idle-indicator: #f3b863; /* Yellow */
--streaming-indicator: #8b66d6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #63b784;
--dnd-indicator: #d3464d;
--idle-indicator: #f3b863;
--streaming-indicator: #8b66d6;
/* accent colors */
--accent-1: #568ccf; /* links */
--accent-2: #8b66d6; /* general unread/mention elements */
--accent-3: #568ccf; /* accent buttons */
--accent-4: #4fb7ae; /* accent buttons when hovered */
--accent-5: #63b784; /* accent buttons when clicked */
--mention: rgba(139, 102, 214, 0.1);
--mention-hover: rgba(139, 102, 214, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #568ccf;
--accent-2: #568ccf;
--accent-3: #568ccf;
--accent-4: #4fb7ae;
--accent-5: #63b784;
--mention: rgba(243, 184, 99, 0.1);
--mention-hover: rgba(243, 184, 99, 0.15);
/* text colors */
--text-0: #001c1f; /* text on colored elements */
--text-1: #d4e1e8; /* primary white-ish text */
--text-2: #f2f7f9; /* headings */
--text-3: #d4e1e8; /* normal text */
--text-4: #0093a3; /* icon buttons and channels */
--text-5: #004852; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #001c1f;
--text-1: #e0e9ef;
--text-2: #e0e9ef;
--text-3: #d4e1e8;
--text-4: #0093a3;
--text-5: #004852;
/* background and dark colors */
--bg-1: #003640; /* dark buttons when clicked */
--bg-2: #002931; /* dark buttons */
--bg-3: #003640; /* spacing, secondary elements */
--bg-4: #001c1f; /* main background color */
--hover: #003640; /* channels and buttons when hovered */
--active: #004852; /* channels and buttons when selected */
--message-hover: rgba(0, 41, 49, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #001c1f; /* Master background (Deepest) */
--bg-3: #002931; /* Secondary background */
--bg-2: #003640; /* Buttons and UI elements */
--bg-1: #004852; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(212, 225, 232, 0.05);
--active: rgba(212, 225, 232, 0.1);
--message-hover: rgba(212, 225, 232, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #001c1f !important;
background: #568ccf !important;
}

100
build/base16-default-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a1b56c; /* Green */
--dnd-indicator: #ab4642; /* Red */
--idle-indicator: #f7ca88; /* Yellow */
--streaming-indicator: #ba8baf; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a1b56c;
--dnd-indicator: #ab4642;
--idle-indicator: #f7ca88;
--streaming-indicator: #ba8baf;
/* accent colors */
--accent-1: #7cafc2; /* links */
--accent-2: #ba8baf; /* general unread/mention elements */
--accent-3: #7cafc2; /* accent buttons */
--accent-4: #86c1b9; /* accent buttons when hovered */
--accent-5: #a1b56c; /* accent buttons when clicked */
--mention: rgba(186, 139, 175, 0.1);
--mention-hover: rgba(186, 139, 175, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #7cafc2;
--accent-2: #7cafc2;
--accent-3: #7cafc2;
--accent-4: #86c1b9;
--accent-5: #a1b56c;
--mention: rgba(247, 202, 136, 0.1);
--mention-hover: rgba(247, 202, 136, 0.15);
/* text colors */
--text-0: #181818; /* text on colored elements */
--text-1: #d8d8d8; /* primary white-ish text */
--text-2: #f8f8f8; /* headings */
--text-3: #d8d8d8; /* normal text */
--text-4: #b8b8b8; /* icon buttons and channels */
--text-5: #585858; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #181818;
--text-1: #e8e8e8;
--text-2: #e8e8e8;
--text-3: #d8d8d8;
--text-4: #b8b8b8;
--text-5: #585858;
/* background and dark colors */
--bg-1: #383838; /* dark buttons when clicked */
--bg-2: #282828; /* dark buttons */
--bg-3: #383838; /* spacing, secondary elements */
--bg-4: #181818; /* main background color */
--hover: #383838; /* channels and buttons when hovered */
--active: #585858; /* channels and buttons when selected */
--message-hover: rgba(40, 40, 40, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #181818; /* Master background (Deepest) */
--bg-3: #282828; /* Secondary background */
--bg-2: #383838; /* Buttons and UI elements */
--bg-1: #585858; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(216, 216, 216, 0.05);
--active: rgba(216, 216, 216, 0.1);
--message-hover: rgba(216, 216, 216, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #181818 !important;
background: #7cafc2 !important;
}

100
build/base16-default-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a1b56c; /* Green */
--dnd-indicator: #ab4642; /* Red */
--idle-indicator: #f7ca88; /* Yellow */
--streaming-indicator: #ba8baf; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a1b56c;
--dnd-indicator: #ab4642;
--idle-indicator: #f7ca88;
--streaming-indicator: #ba8baf;
/* accent colors */
--accent-1: #7cafc2; /* links */
--accent-2: #ba8baf; /* general unread/mention elements */
--accent-3: #7cafc2; /* accent buttons */
--accent-4: #86c1b9; /* accent buttons when hovered */
--accent-5: #a1b56c; /* accent buttons when clicked */
--mention: rgba(186, 139, 175, 0.1);
--mention-hover: rgba(186, 139, 175, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #7cafc2;
--accent-2: #7cafc2;
--accent-3: #7cafc2;
--accent-4: #86c1b9;
--accent-5: #a1b56c;
--mention: rgba(247, 202, 136, 0.1);
--mention-hover: rgba(247, 202, 136, 0.15);
/* text colors */
--text-0: #f8f8f8; /* text on colored elements */
--text-1: #383838; /* primary white-ish text */
--text-2: #181818; /* headings */
--text-3: #383838; /* normal text */
--text-4: #585858; /* icon buttons and channels */
--text-5: #b8b8b8; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #f8f8f8;
--text-1: #282828;
--text-2: #282828;
--text-3: #383838;
--text-4: #585858;
--text-5: #b8b8b8;
/* background and dark colors */
--bg-1: #d8d8d8; /* dark buttons when clicked */
--bg-2: #e8e8e8; /* dark buttons */
--bg-3: #d8d8d8; /* spacing, secondary elements */
--bg-4: #f8f8f8; /* main background color */
--hover: #d8d8d8; /* channels and buttons when hovered */
--active: #b8b8b8; /* channels and buttons when selected */
--message-hover: rgba(232, 232, 232, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #f8f8f8; /* Master background (Deepest) */
--bg-3: #e8e8e8; /* Secondary background */
--bg-2: #d8d8d8; /* Buttons and UI elements */
--bg-1: #b8b8b8; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(56, 56, 56, 0.05);
--active: rgba(56, 56, 56, 0.1);
--message-hover: rgba(56, 56, 56, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #f8f8f8 !important;
background: #7cafc2 !important;
}

100
build/base16-digital-rain
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #64c83c; /* Green */
--dnd-indicator: #c85a46; /* Red */
--idle-indicator: #a67a50; /* Yellow */
--streaming-indicator: #9472b4; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #64c83c;
--dnd-indicator: #c85a46;
--idle-indicator: #a67a50;
--streaming-indicator: #9472b4;
/* accent colors */
--accent-1: #5482af; /* links */
--accent-2: #9472b4; /* general unread/mention elements */
--accent-3: #5482af; /* accent buttons */
--accent-4: #468c78; /* accent buttons when hovered */
--accent-5: #64c83c; /* accent buttons when clicked */
--mention: rgba(148, 114, 180, 0.1);
--mention-hover: rgba(148, 114, 180, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #5482af;
--accent-2: #5482af;
--accent-3: #5482af;
--accent-4: #468c78;
--accent-5: #64c83c;
--mention: rgba(166, 122, 80, 0.1);
--mention-hover: rgba(166, 122, 80, 0.15);
/* text colors */
--text-0: #000000; /* text on colored elements */
--text-1: #00ff00; /* primary white-ish text */
--text-2: #d8e2dc; /* headings */
--text-3: #00ff00; /* normal text */
--text-4: #919893; /* icon buttons and channels */
--text-5: #7c8d7c; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #000000;
--text-1: #c4cec4;
--text-2: #c4cec4;
--text-3: #00ff00;
--text-4: #919893;
--text-5: #7c8d7c;
/* background and dark colors */
--bg-1: #4a8d7e; /* dark buttons when clicked */
--bg-2: #4a806c; /* dark buttons */
--bg-3: #4a8d7e; /* spacing, secondary elements */
--bg-4: #000000; /* main background color */
--hover: #4a8d7e; /* channels and buttons when hovered */
--active: #7c8d7c; /* channels and buttons when selected */
--message-hover: rgba(74, 128, 108, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #000000; /* Master background (Deepest) */
--bg-3: #4a806c; /* Secondary background */
--bg-2: #4a8d7e; /* Buttons and UI elements */
--bg-1: #7c8d7c; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(0, 255, 0, 0.05);
--active: rgba(0, 255, 0, 0.1);
--message-hover: rgba(0, 255, 0, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #000000 !important;
background: #5482af !important;
}

100
build/base16-dirtysea
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #730073; /* Green */
--dnd-indicator: #840000; /* Red */
--idle-indicator: #755b00; /* Yellow */
--streaming-indicator: #000090; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #730073;
--dnd-indicator: #840000;
--idle-indicator: #755b00;
--streaming-indicator: #000090;
/* accent colors */
--accent-1: #007300; /* links */
--accent-2: #000090; /* general unread/mention elements */
--accent-3: #007300; /* accent buttons */
--accent-4: #755b00; /* accent buttons when hovered */
--accent-5: #730073; /* accent buttons when clicked */
--mention: rgba(0, 0, 144, 0.1);
--mention-hover: rgba(0, 0, 144, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #007300;
--accent-2: #007300;
--accent-3: #007300;
--accent-4: #755b00;
--accent-5: #730073;
--mention: rgba(117, 91, 0, 0.1);
--mention-hover: rgba(117, 91, 0, 0.15);
/* text colors */
--text-0: #e0e0e0; /* text on colored elements */
--text-1: #000000; /* primary white-ish text */
--text-2: #c4d9c4; /* headings */
--text-3: #000000; /* normal text */
--text-4: #202020; /* icon buttons and channels */
--text-5: #707070; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #e0e0e0;
--text-1: #f8f8f8;
--text-2: #f8f8f8;
--text-3: #000000;
--text-4: #202020;
--text-5: #707070;
/* background and dark colors */
--bg-1: #d0d0d0; /* dark buttons when clicked */
--bg-2: #d0dad0; /* dark buttons */
--bg-3: #d0d0d0; /* spacing, secondary elements */
--bg-4: #e0e0e0; /* main background color */
--hover: #d0d0d0; /* channels and buttons when hovered */
--active: #707070; /* channels and buttons when selected */
--message-hover: rgba(208, 218, 208, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #e0e0e0; /* Master background (Deepest) */
--bg-3: #d0dad0; /* Secondary background */
--bg-2: #d0d0d0; /* Buttons and UI elements */
--bg-1: #707070; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(0, 0, 0, 0.05);
--active: rgba(0, 0, 0, 0.1);
--message-hover: rgba(0, 0, 0, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #e0e0e0 !important;
background: #007300 !important;
}

100
build/base16-dracula
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #50fa7b; /* Green */
--dnd-indicator: #ff5555; /* Red */
--idle-indicator: #f1fa8c; /* Yellow */
--streaming-indicator: #ff79c6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #50fa7b;
--dnd-indicator: #ff5555;
--idle-indicator: #f1fa8c;
--streaming-indicator: #ff79c6;
/* accent colors */
--accent-1: #80bfff; /* links */
--accent-2: #ff79c6; /* general unread/mention elements */
--accent-3: #80bfff; /* accent buttons */
--accent-4: #8be9fd; /* accent buttons when hovered */
--accent-5: #50fa7b; /* accent buttons when clicked */
--mention: rgba(255, 121, 198, 0.1);
--mention-hover: rgba(255, 121, 198, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #80bfff;
--accent-2: #80bfff;
--accent-3: #80bfff;
--accent-4: #8be9fd;
--accent-5: #50fa7b;
--mention: rgba(241, 250, 140, 0.1);
--mention-hover: rgba(241, 250, 140, 0.15);
/* text colors */
--text-0: #282a36; /* text on colored elements */
--text-1: #f8f8f2; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #f8f8f2; /* normal text */
--text-4: #9ea8c7; /* icon buttons and channels */
--text-5: #6272a4; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #282a36;
--text-1: #f0f1f4;
--text-2: #f0f1f4;
--text-3: #f8f8f2;
--text-4: #9ea8c7;
--text-5: #6272a4;
/* background and dark colors */
--bg-1: #44475a; /* dark buttons when clicked */
--bg-2: #363447; /* dark buttons */
--bg-3: #44475a; /* spacing, secondary elements */
--bg-4: #282a36; /* main background color */
--hover: #44475a; /* channels and buttons when hovered */
--active: #6272a4; /* channels and buttons when selected */
--message-hover: rgba(54, 52, 71, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #282a36; /* Master background (Deepest) */
--bg-3: #363447; /* Secondary background */
--bg-2: #44475a; /* Buttons and UI elements */
--bg-1: #6272a4; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(248, 248, 242, 0.05);
--active: rgba(248, 248, 242, 0.1);
--message-hover: rgba(248, 248, 242, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #282a36 !important;
background: #80bfff !important;
}

100
build/base16-edge-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #a1bf78; /* Green */
--dnd-indicator: #e77171; /* Red */
--idle-indicator: #dbb774; /* Yellow */
--streaming-indicator: #d390e7; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #a1bf78;
--dnd-indicator: #e77171;
--idle-indicator: #dbb774;
--streaming-indicator: #d390e7;
/* accent colors */
--accent-1: #73b3e7; /* links */
--accent-2: #d390e7; /* general unread/mention elements */
--accent-3: #73b3e7; /* accent buttons */
--accent-4: #5ebaa5; /* accent buttons when hovered */
--accent-5: #a1bf78; /* accent buttons when clicked */
--mention: rgba(211, 144, 231, 0.1);
--mention-hover: rgba(211, 144, 231, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #73b3e7;
--accent-2: #73b3e7;
--accent-3: #73b3e7;
--accent-4: #5ebaa5;
--accent-5: #a1bf78;
--mention: rgba(219, 183, 116, 0.1);
--mention-hover: rgba(219, 183, 116, 0.15);
/* text colors */
--text-0: #262729; /* text on colored elements */
--text-1: #afb2b5; /* primary white-ish text */
--text-2: #e4e5e6; /* headings */
--text-3: #afb2b5; /* normal text */
--text-4: #95989d; /* icon buttons and channels */
--text-5: #4a4c4f; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #262729;
--text-1: #caccce;
--text-2: #caccce;
--text-3: #afb2b5;
--text-4: #95989d;
--text-5: #4a4c4f;
/* background and dark colors */
--bg-1: #3d3f42; /* dark buttons when clicked */
--bg-2: #313235; /* dark buttons */
--bg-3: #3d3f42; /* spacing, secondary elements */
--bg-4: #262729; /* main background color */
--hover: #3d3f42; /* channels and buttons when hovered */
--active: #4a4c4f; /* channels and buttons when selected */
--message-hover: rgba(49, 50, 53, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #262729; /* Master background (Deepest) */
--bg-3: #313235; /* Secondary background */
--bg-2: #3d3f42; /* Buttons and UI elements */
--bg-1: #4a4c4f; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(175, 178, 181, 0.05);
--active: rgba(175, 178, 181, 0.1);
--message-hover: rgba(175, 178, 181, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #262729 !important;
background: #73b3e7 !important;
}

100
build/base16-edge-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7c9f4b; /* Green */
--dnd-indicator: #db7070; /* Red */
--idle-indicator: #ebcc1a; /* Yellow */
--streaming-indicator: #b870ce; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7c9f4b;
--dnd-indicator: #db7070;
--idle-indicator: #ebcc1a;
--streaming-indicator: #b870ce;
/* accent colors */
--accent-1: #6587bf; /* links */
--accent-2: #b870ce; /* general unread/mention elements */
--accent-3: #6587bf; /* accent buttons */
--accent-4: #509c93; /* accent buttons when hovered */
--accent-5: #7c9f4b; /* accent buttons when clicked */
--mention: rgba(184, 112, 206, 0.1);
--mention-hover: rgba(184, 112, 206, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6587bf;
--accent-2: #6587bf;
--accent-3: #6587bf;
--accent-4: #509c93;
--accent-5: #7c9f4b;
--mention: rgba(235, 204, 26, 0.1);
--mention-hover: rgba(235, 204, 26, 0.15);
/* text colors */
--text-0: #fafafa; /* text on colored elements */
--text-1: #474752; /* primary white-ish text */
--text-2: #2e2e38; /* headings */
--text-3: #474752; /* normal text */
--text-4: #5e646f; /* icon buttons and channels */
--text-5: #9197a1; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #fafafa;
--text-1: #3a3a46;
--text-2: #3a3a46;
--text-3: #474752;
--text-4: #5e646f;
--text-5: #9197a1;
/* background and dark colors */
--bg-1: #acb1b9; /* dark buttons when clicked */
--bg-2: #e3e5e8; /* dark buttons */
--bg-3: #acb1b9; /* spacing, secondary elements */
--bg-4: #fafafa; /* main background color */
--hover: #acb1b9; /* channels and buttons when hovered */
--active: #9197a1; /* channels and buttons when selected */
--message-hover: rgba(227, 229, 232, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #fafafa; /* Master background (Deepest) */
--bg-3: #e3e5e8; /* Secondary background */
--bg-2: #acb1b9; /* Buttons and UI elements */
--bg-1: #9197a1; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(71, 71, 82, 0.05);
--active: rgba(71, 71, 82, 0.1);
--message-hover: rgba(71, 71, 82, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #fafafa !important;
background: #6587bf !important;
}

100
build/base16-eighties
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #99cc99; /* Green */
--dnd-indicator: #f2777a; /* Red */
--idle-indicator: #ffcc66; /* Yellow */
--streaming-indicator: #cc99cc; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #99cc99;
--dnd-indicator: #f2777a;
--idle-indicator: #ffcc66;
--streaming-indicator: #cc99cc;
/* accent colors */
--accent-1: #6699cc; /* links */
--accent-2: #cc99cc; /* general unread/mention elements */
--accent-3: #6699cc; /* accent buttons */
--accent-4: #66cccc; /* accent buttons when hovered */
--accent-5: #99cc99; /* accent buttons when clicked */
--mention: rgba(204, 153, 204, 0.1);
--mention-hover: rgba(204, 153, 204, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6699cc;
--accent-2: #6699cc;
--accent-3: #6699cc;
--accent-4: #66cccc;
--accent-5: #99cc99;
--mention: rgba(255, 204, 102, 0.1);
--mention-hover: rgba(255, 204, 102, 0.15);
/* text colors */
--text-0: #2d2d2d; /* text on colored elements */
--text-1: #d3d0c8; /* primary white-ish text */
--text-2: #f2f0ec; /* headings */
--text-3: #d3d0c8; /* normal text */
--text-4: #a09f93; /* icon buttons and channels */
--text-5: #747369; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #2d2d2d;
--text-1: #e8e6df;
--text-2: #e8e6df;
--text-3: #d3d0c8;
--text-4: #a09f93;
--text-5: #747369;
/* background and dark colors */
--bg-1: #515151; /* dark buttons when clicked */
--bg-2: #393939; /* dark buttons */
--bg-3: #515151; /* spacing, secondary elements */
--bg-4: #2d2d2d; /* main background color */
--hover: #515151; /* channels and buttons when hovered */
--active: #747369; /* channels and buttons when selected */
--message-hover: rgba(57, 57, 57, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #2d2d2d; /* Master background (Deepest) */
--bg-3: #393939; /* Secondary background */
--bg-2: #515151; /* Buttons and UI elements */
--bg-1: #747369; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(211, 208, 200, 0.05);
--active: rgba(211, 208, 200, 0.1);
--message-hover: rgba(211, 208, 200, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #2d2d2d !important;
background: #6699cc !important;
}

100
build/base16-eldritch
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #37f499; /* Green */
--dnd-indicator: #f16c75; /* Red */
--idle-indicator: #f1fc79; /* Yellow */
--streaming-indicator: #a48cf2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #37f499;
--dnd-indicator: #f16c75;
--idle-indicator: #f1fc79;
--streaming-indicator: #a48cf2;
/* accent colors */
--accent-1: #39ddfd; /* links */
--accent-2: #a48cf2; /* general unread/mention elements */
--accent-3: #39ddfd; /* accent buttons */
--accent-4: #04d1f9; /* accent buttons when hovered */
--accent-5: #37f499; /* accent buttons when clicked */
--mention: rgba(164, 140, 242, 0.1);
--mention-hover: rgba(164, 140, 242, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #39ddfd;
--accent-2: #39ddfd;
--accent-3: #39ddfd;
--accent-4: #04d1f9;
--accent-5: #37f499;
--mention: rgba(241, 252, 121, 0.1);
--mention-hover: rgba(241, 252, 121, 0.15);
/* text colors */
--text-0: #212337; /* text on colored elements */
--text-1: #ebfafa; /* primary white-ish text */
--text-2: #ffffff; /* headings */
--text-3: #ebfafa; /* normal text */
--text-4: #a1abe0; /* icon buttons and channels */
--text-5: #7081d0; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #212337;
--text-1: #f0f2f4;
--text-2: #f0f2f4;
--text-3: #ebfafa;
--text-4: #a1abe0;
--text-5: #7081d0;
/* background and dark colors */
--bg-1: #3b4261; /* dark buttons when clicked */
--bg-2: #323449; /* dark buttons */
--bg-3: #3b4261; /* spacing, secondary elements */
--bg-4: #212337; /* main background color */
--hover: #3b4261; /* channels and buttons when hovered */
--active: #7081d0; /* channels and buttons when selected */
--message-hover: rgba(50, 52, 73, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #212337; /* Master background (Deepest) */
--bg-3: #323449; /* Secondary background */
--bg-2: #3b4261; /* Buttons and UI elements */
--bg-1: #7081d0; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(235, 250, 250, 0.05);
--active: rgba(235, 250, 250, 0.1);
--message-hover: rgba(235, 250, 250, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #212337 !important;
background: #39ddfd !important;
}

100
build/base16-embers
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #57826d; /* Green */
--dnd-indicator: #826d57; /* Red */
--idle-indicator: #6d8257; /* Yellow */
--streaming-indicator: #82576d; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #57826d;
--dnd-indicator: #826d57;
--idle-indicator: #6d8257;
--streaming-indicator: #82576d;
/* accent colors */
--accent-1: #6d5782; /* links */
--accent-2: #82576d; /* general unread/mention elements */
--accent-3: #6d5782; /* accent buttons */
--accent-4: #576d82; /* accent buttons when hovered */
--accent-5: #57826d; /* accent buttons when clicked */
--mention: rgba(130, 87, 109, 0.1);
--mention-hover: rgba(130, 87, 109, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #6d5782;
--accent-2: #6d5782;
--accent-3: #6d5782;
--accent-4: #576d82;
--accent-5: #57826d;
--mention: rgba(109, 130, 87, 0.1);
--mention-hover: rgba(109, 130, 87, 0.15);
/* text colors */
--text-0: #16130f; /* text on colored elements */
--text-1: #a39a90; /* primary white-ish text */
--text-2: #dbd6d1; /* headings */
--text-3: #a39a90; /* normal text */
--text-4: #8a8075; /* icon buttons and channels */
--text-5: #5a5047; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #16130f;
--text-1: #beb6ae;
--text-2: #beb6ae;
--text-3: #a39a90;
--text-4: #8a8075;
--text-5: #5a5047;
/* background and dark colors */
--bg-1: #433b32; /* dark buttons when clicked */
--bg-2: #2c2620; /* dark buttons */
--bg-3: #433b32; /* spacing, secondary elements */
--bg-4: #16130f; /* main background color */
--hover: #433b32; /* channels and buttons when hovered */
--active: #5a5047; /* channels and buttons when selected */
--message-hover: rgba(44, 38, 32, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #16130f; /* Master background (Deepest) */
--bg-3: #2c2620; /* Secondary background */
--bg-2: #433b32; /* Buttons and UI elements */
--bg-1: #5a5047; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(163, 154, 144, 0.05);
--active: rgba(163, 154, 144, 0.1);
--message-hover: rgba(163, 154, 144, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #16130f !important;
background: #6d5782 !important;
}

100
build/base16-embers-light
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #6d8257; /* Green */
--dnd-indicator: #576d82; /* Red */
--idle-indicator: #57826d; /* Yellow */
--streaming-indicator: #6d5782; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #6d8257;
--dnd-indicator: #576d82;
--idle-indicator: #57826d;
--streaming-indicator: #6d5782;
/* accent colors */
--accent-1: #82576d; /* links */
--accent-2: #6d5782; /* general unread/mention elements */
--accent-3: #82576d; /* accent buttons */
--accent-4: #826d57; /* accent buttons when hovered */
--accent-5: #6d8257; /* accent buttons when clicked */
--mention: rgba(109, 87, 130, 0.1);
--mention-hover: rgba(109, 87, 130, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #82576d;
--accent-2: #82576d;
--accent-3: #82576d;
--accent-4: #826d57;
--accent-5: #6d8257;
--mention: rgba(87, 130, 109, 0.1);
--mention-hover: rgba(87, 130, 109, 0.15);
/* text colors */
--text-0: #d1d6db; /* text on colored elements */
--text-1: #323b43; /* primary white-ish text */
--text-2: #0f1316; /* headings */
--text-3: #323b43; /* normal text */
--text-4: #47505a; /* icon buttons and channels */
--text-5: #75808a; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #d1d6db;
--text-1: #20262c;
--text-2: #20262c;
--text-3: #323b43;
--text-4: #47505a;
--text-5: #75808a;
/* background and dark colors */
--bg-1: #909aa3; /* dark buttons when clicked */
--bg-2: #aeb6be; /* dark buttons */
--bg-3: #909aa3; /* spacing, secondary elements */
--bg-4: #d1d6db; /* main background color */
--hover: #909aa3; /* channels and buttons when hovered */
--active: #75808a; /* channels and buttons when selected */
--message-hover: rgba(174, 182, 190, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #d1d6db; /* Master background (Deepest) */
--bg-3: #aeb6be; /* Secondary background */
--bg-2: #909aa3; /* Buttons and UI elements */
--bg-1: #75808a; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(50, 59, 67, 0.05);
--active: rgba(50, 59, 67, 0.1);
--message-hover: rgba(50, 59, 67, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #d1d6db !important;
background: #82576d !important;
}

100
build/base16-emil
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #0073a8; /* Green */
--dnd-indicator: #f43979; /* Red */
--idle-indicator: #ff669b; /* Yellow */
--streaming-indicator: #6916b6; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #0073a8;
--dnd-indicator: #f43979;
--idle-indicator: #ff669b;
--streaming-indicator: #6916b6;
/* accent colors */
--accent-1: #471397; /* links */
--accent-2: #6916b6; /* general unread/mention elements */
--accent-3: #471397; /* accent buttons */
--accent-4: #2155d6; /* accent buttons when hovered */
--accent-5: #0073a8; /* accent buttons when clicked */
--mention: rgba(105, 22, 182, 0.1);
--mention-hover: rgba(105, 22, 182, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #471397;
--accent-2: #471397;
--accent-3: #471397;
--accent-4: #2155d6;
--accent-5: #0073a8;
--mention: rgba(255, 102, 155, 0.1);
--mention-hover: rgba(255, 102, 155, 0.15);
/* text colors */
--text-0: #efefef; /* text on colored elements */
--text-1: #313145; /* primary white-ish text */
--text-2: #1a1a2f; /* headings */
--text-3: #313145; /* normal text */
--text-4: #505063; /* icon buttons and channels */
--text-5: #7c7c98; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #efefef;
--text-1: #22223a;
--text-2: #22223a;
--text-3: #313145;
--text-4: #505063;
--text-5: #7c7c98;
/* background and dark colors */
--bg-1: #9e9eaf; /* dark buttons when clicked */
--bg-2: #bebed2; /* dark buttons */
--bg-3: #9e9eaf; /* spacing, secondary elements */
--bg-4: #efefef; /* main background color */
--hover: #9e9eaf; /* channels and buttons when hovered */
--active: #7c7c98; /* channels and buttons when selected */
--message-hover: rgba(190, 190, 210, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #efefef; /* Master background (Deepest) */
--bg-3: #bebed2; /* Secondary background */
--bg-2: #9e9eaf; /* Buttons and UI elements */
--bg-1: #7c7c98; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(49, 49, 69, 0.05);
--active: rgba(49, 49, 69, 0.1);
--message-hover: rgba(49, 49, 69, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #efefef !important;
background: #471397 !important;
}

100
build/base16-equilibrium-dark
View file

@ -1,67 +1,50 @@
/**
* @name midnight
* @description A dark, rounded discord theme.
* @author refact0r
* @version 1.6.2
* @invite nz87hXyvcy
* @website https://github.com/refact0r/midnight-discord
* @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
* @name midnight-refined
* @description A cleaner, higher-contrast version for Gruvbox/Tinty.
*/
/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
/* customize things here */
:root {
/* font, change to 'gg sans' for default discord font*/
--font: 'figtree';
/* top left corner text */
--corner-text: 'Midnight';
/* color of status indicators and window controls */
--online-indicator: #7f8b00; /* Green */
--dnd-indicator: #f04339; /* Red */
--idle-indicator: #bb8801; /* Yellow */
--streaming-indicator: #6a7fd2; /* Purple */
/* Status indicators using standard Base16 accents */
--online-indicator: #7f8b00;
--dnd-indicator: #f04339;
--idle-indicator: #bb8801;
--streaming-indicator: #6a7fd2;
/* accent colors */
--accent-1: #008dd1; /* links */
--accent-2: #6a7fd2; /* general unread/mention elements */
--accent-3: #008dd1; /* accent buttons */
--accent-4: #00948b; /* accent buttons when hovered */
--accent-5: #7f8b00; /* accent buttons when clicked */
--mention: rgba(106, 127, 210, 0.1);
--mention-hover: rgba(106, 127, 210, 0.2);
/* Accent colors - using base0D (Blue) for a clean feel */
--accent-1: #008dd1;
--accent-2: #008dd1;
--accent-3: #008dd1;
--accent-4: #00948b;
--accent-5: #7f8b00;
--mention: rgba(187, 136, 1, 0.1);
--mention-hover: rgba(187, 136, 1, 0.15);
/* text colors */
--text-0: #0c1118; /* text on colored elements */
--text-1: #afaba2; /* primary white-ish text */
--text-2: #e7e2d9; /* headings */
--text-3: #afaba2; /* normal text */
--text-4: #949088; /* icon buttons and channels */
--text-5: #7b776e; /* muted channels/timestamps */
/* Text colors - bumping importance to base06/05 */
--text-0: #0c1118;
--text-1: #cac6bd;
--text-2: #cac6bd;
--text-3: #afaba2;
--text-4: #949088;
--text-5: #7b776e;
/* background and dark colors */
--bg-1: #22262d; /* dark buttons when clicked */
--bg-2: #181c22; /* dark buttons */
--bg-3: #22262d; /* spacing, secondary elements */
--bg-4: #0c1118; /* main background color */
--hover: #22262d; /* channels and buttons when hovered */
--active: #7b776e; /* channels and buttons when selected */
--message-hover: rgba(24, 28, 34, 0.3);
/* --- THE BACKGROUND OVERHAUL --- */
/* We use base00 as the "Deep" master background and base01/02 for floating panels */
--bg-4: #0c1118; /* Master background (Deepest) */
--bg-3: #181c22; /* Secondary background */
--bg-2: #22262d; /* Buttons and UI elements */
--bg-1: #7b776e; /* Active/Clicked states */
/* amount of spacing and padding */
--hover: rgba(175, 171, 162, 0.05);
--active: rgba(175, 171, 162, 0.1);
--message-hover: rgba(175, 171, 162, 0.03);
/* Spacing & Roundness */
--spacing: 12px;
/* animations */
--list-item-transition: 0.2s ease;
--unread-bar-transition: 0.2s ease;
--moon-spin-transition: 0.4s ease;
--icon-spin-transition: 1s ease;
/* corner roundness (border-radius) */
--roundness-xl: 22px;
--roundness-l: 20px;
--roundness-m: 16px;
@ -69,26 +52,15 @@
--roundness-xs: 10px;
--roundness-xxs: 8px;
/* direct messages moon icon */
--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;
/* filter uncolorable elements to fit theme */
--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4);
--green-to-accent-3-filter: none;
--blurple-to-accent-3-filter: none;
}
/* Selected chat/friend text */
/* Fix for selected text contrast */
.selected_f5eb4b,
.selected_f6f816 .link_d8bfb3 {
color: var(--text-0) !important;
background: var(--accent-3) !important;
}
.selected_f6f816 .link_d8bfb3 * {
color: var(--text-0) !important;
fill: var(--text-0) !important;
color: #0c1118 !important;
background: #008dd1 !important;
}

Some files were not shown because too many files have changed in this diff Show more