make theme more pretty
This commit is contained in:
parent
f3d2d91d26
commit
72b07f4f82
306 changed files with 18360 additions and 11322 deletions
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #bcdf59; /* Green */
|
|
||||||
--dnd-indicator: #ff7272; /* Red */
|
|
||||||
--idle-indicator: #ffca58; /* Yellow */
|
|
||||||
--streaming-indicator: #a093e2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #49cae4; /* Blue */
|
|
||||||
--accent-2: #aee8f4; /* Cyan */
|
|
||||||
--accent-3: #aee8f4;
|
|
||||||
--accent-4: #49cae4;
|
|
||||||
--accent-5: #ff7272;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #262427;
|
|
||||||
--bg-2: #3b393c;
|
|
||||||
--bg-3: #262427;
|
|
||||||
--bg-4: #262427;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #262427;
|
||||||
|
--background-base-lowest: #262427 !important;
|
||||||
|
--background-base-lower: #3b393c !important;
|
||||||
|
--background-surface-high: #262427 !important;
|
||||||
|
--chat-background: #262427;
|
||||||
|
--home-background: #262427;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #3b393c !important;
|
||||||
|
--background-surface-highest: #514f52 !important;
|
||||||
|
--background-accent: #514f52 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #fcfcfc;
|
--text-default: #fcfcfc;
|
||||||
--text-1: #fcfcfc;
|
--text-strong: #fcfcfc !important;
|
||||||
--text-2: #fcfcfc;
|
--text-muted: #7c7b7d !important;
|
||||||
--text-3: #fcfcfc;
|
--text-subtle: #676567;
|
||||||
--text-4: #fcfcfc;
|
|
||||||
--text-5: #676567;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #eae9eb !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #eae9eb;
|
||||||
--hover: #49cae41a;
|
--control-brand-foreground: #eae9eb;
|
||||||
--active: #49cae433;
|
--text-link: #49cae4 !important;
|
||||||
--message-hover: #3b393c0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #bcdf59;
|
||||||
|
--status-warning: #ffca58;
|
||||||
|
--status-danger: #ff7272;
|
||||||
|
--icon-voice-muted: #ff7272;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #eae9eb;
|
||||||
|
--scrollbar-auto-thumb: #eae9eb;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #262427 !important;
|
||||||
|
background-color: #eae9eb !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #fcfcfc;
|
||||||
|
background: #262427;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a093e2; }
|
||||||
|
.hljs-string { color: #bcdf59; }
|
||||||
|
.hljs-number { color: #fc9d6f; }
|
||||||
|
.hljs-comment { color: #676567; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #01a252; /* Green */
|
|
||||||
--dnd-indicator: #db2d20; /* Red */
|
|
||||||
--idle-indicator: #fded02; /* Yellow */
|
|
||||||
--streaming-indicator: #a16a94; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #01a0e4; /* Blue */
|
|
||||||
--accent-2: #b5e4f4; /* Cyan */
|
|
||||||
--accent-3: #b5e4f4;
|
|
||||||
--accent-4: #01a0e4;
|
|
||||||
--accent-5: #db2d20;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #090300;
|
|
||||||
--bg-2: #3a3432;
|
|
||||||
--bg-3: #090300;
|
|
||||||
--bg-4: #090300;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #090300;
|
||||||
|
--background-base-lowest: #090300 !important;
|
||||||
|
--background-base-lower: #3a3432 !important;
|
||||||
|
--background-surface-high: #090300 !important;
|
||||||
|
--chat-background: #090300;
|
||||||
|
--home-background: #090300;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #3a3432 !important;
|
||||||
|
--background-surface-highest: #4a4543 !important;
|
||||||
|
--background-accent: #4a4543 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a5a2a2;
|
--text-default: #a5a2a2;
|
||||||
--text-1: #a5a2a2;
|
--text-strong: #a5a2a2 !important;
|
||||||
--text-2: #a5a2a2;
|
--text-muted: #807d7c !important;
|
||||||
--text-3: #a5a2a2;
|
--text-subtle: #5c5855;
|
||||||
--text-4: #a5a2a2;
|
|
||||||
--text-5: #5c5855;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #d6d5d4 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #d6d5d4;
|
||||||
--hover: #01a0e41a;
|
--control-brand-foreground: #d6d5d4;
|
||||||
--active: #01a0e433;
|
--text-link: #01a0e4 !important;
|
||||||
--message-hover: #3a34320a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #01a252;
|
||||||
|
--status-warning: #fded02;
|
||||||
|
--status-danger: #db2d20;
|
||||||
|
--icon-voice-muted: #db2d20;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #d6d5d4;
|
||||||
|
--scrollbar-auto-thumb: #d6d5d4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #090300 !important;
|
||||||
|
background-color: #d6d5d4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a5a2a2;
|
||||||
|
background: #090300;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a16a94; }
|
||||||
|
.hljs-string { color: #01a252; }
|
||||||
|
.hljs-number { color: #e8bbd0; }
|
||||||
|
.hljs-comment { color: #5c5855; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #883e96; /* Green */
|
|
||||||
--dnd-indicator: #3e9688; /* Red */
|
|
||||||
--idle-indicator: #3e4c96; /* Yellow */
|
|
||||||
--streaming-indicator: #4c963e; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #96883e; /* Blue */
|
|
||||||
--accent-2: #963e4c; /* Cyan */
|
|
||||||
--accent-3: #963e4c;
|
|
||||||
--accent-4: #96883e;
|
|
||||||
--accent-5: #3e9688;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #031a16;
|
|
||||||
--bg-2: #0b342d;
|
|
||||||
--bg-3: #031a16;
|
|
||||||
--bg-4: #031a16;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #031a16;
|
||||||
|
--background-base-lowest: #031a16 !important;
|
||||||
|
--background-base-lower: #0b342d !important;
|
||||||
|
--background-surface-high: #031a16 !important;
|
||||||
|
--chat-background: #031a16;
|
||||||
|
--home-background: #031a16;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #0b342d !important;
|
||||||
|
--background-surface-highest: #184e45 !important;
|
||||||
|
--background-accent: #184e45 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #81b5ac;
|
--text-default: #81b5ac;
|
||||||
--text-1: #81b5ac;
|
--text-strong: #81b5ac !important;
|
||||||
--text-2: #81b5ac;
|
--text-muted: #5f9c92 !important;
|
||||||
--text-3: #81b5ac;
|
--text-subtle: #2b685e;
|
||||||
--text-4: #81b5ac;
|
|
||||||
--text-5: #2b685e;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #a7cec8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #a7cec8;
|
||||||
--hover: #96883e1a;
|
--control-brand-foreground: #a7cec8;
|
||||||
--active: #96883e33;
|
--text-link: #96883e !important;
|
||||||
--message-hover: #0b342d0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #883e96;
|
||||||
|
--status-warning: #3e4c96;
|
||||||
|
--status-danger: #3e9688;
|
||||||
|
--icon-voice-muted: #3e9688;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #a7cec8;
|
||||||
|
--scrollbar-auto-thumb: #a7cec8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #031a16 !important;
|
||||||
|
background-color: #a7cec8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #81b5ac;
|
||||||
|
background: #031a16;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #4c963e; }
|
||||||
|
.hljs-string { color: #883e96; }
|
||||||
|
.hljs-number { color: #3e7996; }
|
||||||
|
.hljs-comment { color: #2b685e; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #ffffaf; /* Green */
|
|
||||||
--dnd-indicator: #444444; /* Red */
|
|
||||||
--idle-indicator: #87af87; /* Yellow */
|
|
||||||
--streaming-indicator: #5fafaf; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #8787af; /* Blue */
|
|
||||||
--accent-2: #87afd7; /* Cyan */
|
|
||||||
--accent-3: #87afd7;
|
|
||||||
--accent-4: #8787af;
|
|
||||||
--accent-5: #444444;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #262626;
|
|
||||||
--bg-2: #af5f5f;
|
|
||||||
--bg-3: #262626;
|
|
||||||
--bg-4: #262626;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #262626;
|
||||||
|
--background-base-lowest: #262626 !important;
|
||||||
|
--background-base-lower: #af5f5f !important;
|
||||||
|
--background-surface-high: #262626 !important;
|
||||||
|
--chat-background: #262626;
|
||||||
|
--home-background: #262626;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #af5f5f !important;
|
||||||
|
--background-surface-highest: #5f875f !important;
|
||||||
|
--background-accent: #5f875f !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5f5f87;
|
--text-default: #5f5f87;
|
||||||
--text-1: #5f5f87;
|
--text-strong: #5f5f87 !important;
|
||||||
--text-2: #5f5f87;
|
--text-muted: #5f87af !important;
|
||||||
--text-3: #5f5f87;
|
--text-subtle: #87875f;
|
||||||
--text-4: #5f5f87;
|
|
||||||
--text-5: #87875f;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #5f8787 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #5f8787;
|
||||||
--hover: #8787af1a;
|
--control-brand-foreground: #5f8787;
|
||||||
--active: #8787af33;
|
--text-link: #8787af !important;
|
||||||
--message-hover: #af5f5f0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #ffffaf;
|
||||||
|
--status-warning: #87af87;
|
||||||
|
--status-danger: #444444;
|
||||||
|
--icon-voice-muted: #444444;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #5f8787;
|
||||||
|
--scrollbar-auto-thumb: #5f8787;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #262626 !important;
|
||||||
|
background-color: #5f8787 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5f5f87;
|
||||||
|
background: #262626;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #5fafaf; }
|
||||||
|
.hljs-string { color: #ffffaf; }
|
||||||
|
.hljs-number { color: #ff8700; }
|
||||||
|
.hljs-comment { color: #87875f; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #b8bb26; /* Green */
|
|
||||||
--dnd-indicator: #d05000; /* Red */
|
|
||||||
--idle-indicator: #ffcc1b; /* Yellow */
|
|
||||||
--streaming-indicator: #fabd2f; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #458588; /* Blue */
|
|
||||||
--accent-2: #8f3f71; /* Cyan */
|
|
||||||
--accent-3: #8f3f71;
|
|
||||||
--accent-4: #458588;
|
|
||||||
--accent-5: #d05000;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #282828;
|
|
||||||
--bg-2: #212f3d;
|
|
||||||
--bg-3: #282828;
|
|
||||||
--bg-4: #282828;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #282828;
|
||||||
|
--background-base-lowest: #282828 !important;
|
||||||
|
--background-base-lower: #212f3d !important;
|
||||||
|
--background-surface-high: #282828 !important;
|
||||||
|
--chat-background: #282828;
|
||||||
|
--home-background: #282828;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #212f3d !important;
|
||||||
|
--background-surface-highest: #504945 !important;
|
||||||
|
--background-accent: #504945 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d5c7a1;
|
--text-default: #d5c7a1;
|
||||||
--text-1: #d5c7a1;
|
--text-strong: #d5c7a1 !important;
|
||||||
--text-2: #d5c7a1;
|
--text-muted: #bdae93 !important;
|
||||||
--text-3: #d5c7a1;
|
--text-subtle: #928374;
|
||||||
--text-4: #d5c7a1;
|
|
||||||
--text-5: #928374;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ebdbb2;
|
||||||
--hover: #4585881a;
|
--control-brand-foreground: #ebdbb2;
|
||||||
--active: #45858833;
|
--text-link: #458588 !important;
|
||||||
--message-hover: #212f3d0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #b8bb26;
|
||||||
|
--status-warning: #ffcc1b;
|
||||||
|
--status-danger: #d05000;
|
||||||
|
--icon-voice-muted: #d05000;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ebdbb2;
|
||||||
|
--scrollbar-auto-thumb: #ebdbb2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #282828 !important;
|
||||||
|
background-color: #ebdbb2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d5c7a1;
|
||||||
|
background: #282828;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #fabd2f; }
|
||||||
|
.hljs-string { color: #b8bb26; }
|
||||||
|
.hljs-number { color: #fe8019; }
|
||||||
|
.hljs-comment { color: #928374; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #95c7ae; /* Green */
|
|
||||||
--dnd-indicator: #c7ae95; /* Red */
|
|
||||||
--idle-indicator: #aec795; /* Yellow */
|
|
||||||
--streaming-indicator: #c795ae; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #ae95c7; /* Blue */
|
|
||||||
--accent-2: #95aec7; /* Cyan */
|
|
||||||
--accent-3: #95aec7;
|
|
||||||
--accent-4: #ae95c7;
|
|
||||||
--accent-5: #c7ae95;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1c2023;
|
|
||||||
--bg-2: #393f45;
|
|
||||||
--bg-3: #1c2023;
|
|
||||||
--bg-4: #1c2023;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1c2023;
|
||||||
|
--background-base-lowest: #1c2023 !important;
|
||||||
|
--background-base-lower: #393f45 !important;
|
||||||
|
--background-surface-high: #1c2023 !important;
|
||||||
|
--chat-background: #1c2023;
|
||||||
|
--home-background: #1c2023;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #393f45 !important;
|
||||||
|
--background-surface-highest: #565e65 !important;
|
||||||
|
--background-accent: #565e65 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c7ccd1;
|
--text-default: #c7ccd1;
|
||||||
--text-1: #c7ccd1;
|
--text-strong: #c7ccd1 !important;
|
||||||
--text-2: #c7ccd1;
|
--text-muted: #adb3ba !important;
|
||||||
--text-3: #c7ccd1;
|
--text-subtle: #747c84;
|
||||||
--text-4: #c7ccd1;
|
|
||||||
--text-5: #747c84;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dfe2e5 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dfe2e5;
|
||||||
--hover: #ae95c71a;
|
--control-brand-foreground: #dfe2e5;
|
||||||
--active: #ae95c733;
|
--text-link: #ae95c7 !important;
|
||||||
--message-hover: #393f450a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #95c7ae;
|
||||||
|
--status-warning: #aec795;
|
||||||
|
--status-danger: #c7ae95;
|
||||||
|
--icon-voice-muted: #c7ae95;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dfe2e5;
|
||||||
|
--scrollbar-auto-thumb: #dfe2e5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1c2023 !important;
|
||||||
|
background-color: #dfe2e5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c7ccd1;
|
||||||
|
background: #1c2023;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c795ae; }
|
||||||
|
.hljs-string { color: #95c7ae; }
|
||||||
|
.hljs-number { color: #c7c795; }
|
||||||
|
.hljs-comment { color: #747c84; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #2a9292; /* Green */
|
|
||||||
--dnd-indicator: #be4678; /* Red */
|
|
||||||
--idle-indicator: #a06e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #955ae7; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #576ddb; /* Blue */
|
|
||||||
--accent-2: #398bc6; /* Cyan */
|
|
||||||
--accent-3: #398bc6;
|
|
||||||
--accent-4: #576ddb;
|
|
||||||
--accent-5: #be4678;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #19171c;
|
|
||||||
--bg-2: #26232a;
|
|
||||||
--bg-3: #19171c;
|
|
||||||
--bg-4: #19171c;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #19171c;
|
||||||
|
--background-base-lowest: #19171c !important;
|
||||||
|
--background-base-lower: #26232a !important;
|
||||||
|
--background-surface-high: #19171c !important;
|
||||||
|
--chat-background: #19171c;
|
||||||
|
--home-background: #19171c;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #26232a !important;
|
||||||
|
--background-surface-highest: #585260 !important;
|
||||||
|
--background-accent: #585260 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #8b8792;
|
--text-default: #8b8792;
|
||||||
--text-1: #8b8792;
|
--text-strong: #8b8792 !important;
|
||||||
--text-2: #8b8792;
|
--text-muted: #7e7887 !important;
|
||||||
--text-3: #8b8792;
|
--text-subtle: #655f6d;
|
||||||
--text-4: #8b8792;
|
|
||||||
--text-5: #655f6d;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e2dfe7 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e2dfe7;
|
||||||
--hover: #576ddb1a;
|
--control-brand-foreground: #e2dfe7;
|
||||||
--active: #576ddb33;
|
--text-link: #576ddb !important;
|
||||||
--message-hover: #26232a0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #2a9292;
|
||||||
|
--status-warning: #a06e3b;
|
||||||
|
--status-danger: #be4678;
|
||||||
|
--icon-voice-muted: #be4678;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e2dfe7;
|
||||||
|
--scrollbar-auto-thumb: #e2dfe7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #19171c !important;
|
||||||
|
background-color: #e2dfe7 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #8b8792;
|
||||||
|
background: #19171c;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #955ae7; }
|
||||||
|
.hljs-string { color: #2a9292; }
|
||||||
|
.hljs-number { color: #aa573c; }
|
||||||
|
.hljs-comment { color: #655f6d; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #2a9292; /* Green */
|
|
||||||
--dnd-indicator: #be4678; /* Red */
|
|
||||||
--idle-indicator: #a06e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #955ae7; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #576ddb; /* Blue */
|
|
||||||
--accent-2: #398bc6; /* Cyan */
|
|
||||||
--accent-3: #398bc6;
|
|
||||||
--accent-4: #576ddb;
|
|
||||||
--accent-5: #be4678;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #efecf4;
|
|
||||||
--bg-2: #e2dfe7;
|
|
||||||
--bg-3: #efecf4;
|
|
||||||
--bg-4: #efecf4;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #efecf4;
|
||||||
|
--background-base-lowest: #efecf4 !important;
|
||||||
|
--background-base-lower: #e2dfe7 !important;
|
||||||
|
--background-surface-high: #efecf4 !important;
|
||||||
|
--chat-background: #efecf4;
|
||||||
|
--home-background: #efecf4;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e2dfe7 !important;
|
||||||
|
--background-surface-highest: #8b8792 !important;
|
||||||
|
--background-accent: #8b8792 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #585260;
|
--text-default: #585260;
|
||||||
--text-1: #585260;
|
--text-strong: #585260 !important;
|
||||||
--text-2: #585260;
|
--text-muted: #655f6d !important;
|
||||||
--text-3: #585260;
|
--text-subtle: #7e7887;
|
||||||
--text-4: #585260;
|
|
||||||
--text-5: #7e7887;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #26232a !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #26232a;
|
||||||
--hover: #576ddb1a;
|
--control-brand-foreground: #26232a;
|
||||||
--active: #576ddb33;
|
--text-link: #576ddb !important;
|
||||||
--message-hover: #e2dfe70a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #2a9292;
|
||||||
|
--status-warning: #a06e3b;
|
||||||
|
--status-danger: #be4678;
|
||||||
|
--icon-voice-muted: #be4678;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #26232a;
|
||||||
|
--scrollbar-auto-thumb: #26232a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #efecf4 !important;
|
||||||
|
background-color: #26232a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #585260;
|
||||||
|
background: #efecf4;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #955ae7; }
|
||||||
|
.hljs-string { color: #2a9292; }
|
||||||
|
.hljs-number { color: #aa573c; }
|
||||||
|
.hljs-comment { color: #7e7887; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #60ac39; /* Green */
|
|
||||||
--dnd-indicator: #d73737; /* Red */
|
|
||||||
--idle-indicator: #ae9513; /* Yellow */
|
|
||||||
--streaming-indicator: #b854d4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6684e1; /* Blue */
|
|
||||||
--accent-2: #1fad83; /* Cyan */
|
|
||||||
--accent-3: #1fad83;
|
|
||||||
--accent-4: #6684e1;
|
|
||||||
--accent-5: #d73737;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #20201d;
|
|
||||||
--bg-2: #292824;
|
|
||||||
--bg-3: #20201d;
|
|
||||||
--bg-4: #20201d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #20201d;
|
||||||
|
--background-base-lowest: #20201d !important;
|
||||||
|
--background-base-lower: #292824 !important;
|
||||||
|
--background-surface-high: #20201d !important;
|
||||||
|
--chat-background: #20201d;
|
||||||
|
--home-background: #20201d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #292824 !important;
|
||||||
|
--background-surface-highest: #6e6b5e !important;
|
||||||
|
--background-accent: #6e6b5e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a6a28c;
|
--text-default: #a6a28c;
|
||||||
--text-1: #a6a28c;
|
--text-strong: #a6a28c !important;
|
||||||
--text-2: #a6a28c;
|
--text-muted: #999580 !important;
|
||||||
--text-3: #a6a28c;
|
--text-subtle: #7d7a68;
|
||||||
--text-4: #a6a28c;
|
|
||||||
--text-5: #7d7a68;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e8e4cf !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e8e4cf;
|
||||||
--hover: #6684e11a;
|
--control-brand-foreground: #e8e4cf;
|
||||||
--active: #6684e133;
|
--text-link: #6684e1 !important;
|
||||||
--message-hover: #2928240a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #60ac39;
|
||||||
|
--status-warning: #ae9513;
|
||||||
|
--status-danger: #d73737;
|
||||||
|
--icon-voice-muted: #d73737;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e8e4cf;
|
||||||
|
--scrollbar-auto-thumb: #e8e4cf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #20201d !important;
|
||||||
|
background-color: #e8e4cf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a6a28c;
|
||||||
|
background: #20201d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b854d4; }
|
||||||
|
.hljs-string { color: #60ac39; }
|
||||||
|
.hljs-number { color: #b65611; }
|
||||||
|
.hljs-comment { color: #7d7a68; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #60ac39; /* Green */
|
|
||||||
--dnd-indicator: #d73737; /* Red */
|
|
||||||
--idle-indicator: #ae9513; /* Yellow */
|
|
||||||
--streaming-indicator: #b854d4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6684e1; /* Blue */
|
|
||||||
--accent-2: #1fad83; /* Cyan */
|
|
||||||
--accent-3: #1fad83;
|
|
||||||
--accent-4: #6684e1;
|
|
||||||
--accent-5: #d73737;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #fefbec;
|
|
||||||
--bg-2: #e8e4cf;
|
|
||||||
--bg-3: #fefbec;
|
|
||||||
--bg-4: #fefbec;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #fefbec;
|
||||||
|
--background-base-lowest: #fefbec !important;
|
||||||
|
--background-base-lower: #e8e4cf !important;
|
||||||
|
--background-surface-high: #fefbec !important;
|
||||||
|
--chat-background: #fefbec;
|
||||||
|
--home-background: #fefbec;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e8e4cf !important;
|
||||||
|
--background-surface-highest: #a6a28c !important;
|
||||||
|
--background-accent: #a6a28c !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #6e6b5e;
|
--text-default: #6e6b5e;
|
||||||
--text-1: #6e6b5e;
|
--text-strong: #6e6b5e !important;
|
||||||
--text-2: #6e6b5e;
|
--text-muted: #7d7a68 !important;
|
||||||
--text-3: #6e6b5e;
|
--text-subtle: #999580;
|
||||||
--text-4: #6e6b5e;
|
|
||||||
--text-5: #999580;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #292824 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #292824;
|
||||||
--hover: #6684e11a;
|
--control-brand-foreground: #292824;
|
||||||
--active: #6684e133;
|
--text-link: #6684e1 !important;
|
||||||
--message-hover: #e8e4cf0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #60ac39;
|
||||||
|
--status-warning: #ae9513;
|
||||||
|
--status-danger: #d73737;
|
||||||
|
--icon-voice-muted: #d73737;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #292824;
|
||||||
|
--scrollbar-auto-thumb: #292824;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #fefbec !important;
|
||||||
|
background-color: #292824 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #6e6b5e;
|
||||||
|
background: #fefbec;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b854d4; }
|
||||||
|
.hljs-string { color: #60ac39; }
|
||||||
|
.hljs-number { color: #b65611; }
|
||||||
|
.hljs-comment { color: #999580; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7d9726; /* Green */
|
|
||||||
--dnd-indicator: #ba6236; /* Red */
|
|
||||||
--idle-indicator: #a5980d; /* Yellow */
|
|
||||||
--streaming-indicator: #5f9182; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #36a166; /* Blue */
|
|
||||||
--accent-2: #5b9d48; /* Cyan */
|
|
||||||
--accent-3: #5b9d48;
|
|
||||||
--accent-4: #36a166;
|
|
||||||
--accent-5: #ba6236;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #22221b;
|
|
||||||
--bg-2: #302f27;
|
|
||||||
--bg-3: #22221b;
|
|
||||||
--bg-4: #22221b;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #22221b;
|
||||||
|
--background-base-lowest: #22221b !important;
|
||||||
|
--background-base-lower: #302f27 !important;
|
||||||
|
--background-surface-high: #22221b !important;
|
||||||
|
--chat-background: #22221b;
|
||||||
|
--home-background: #22221b;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #302f27 !important;
|
||||||
|
--background-surface-highest: #5f5e4e !important;
|
||||||
|
--background-accent: #5f5e4e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #929181;
|
--text-default: #929181;
|
||||||
--text-1: #929181;
|
--text-strong: #929181 !important;
|
||||||
--text-2: #929181;
|
--text-muted: #878573 !important;
|
||||||
--text-3: #929181;
|
--text-subtle: #6c6b5a;
|
||||||
--text-4: #929181;
|
|
||||||
--text-5: #6c6b5a;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e7e6df !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e7e6df;
|
||||||
--hover: #36a1661a;
|
--control-brand-foreground: #e7e6df;
|
||||||
--active: #36a16633;
|
--text-link: #36a166 !important;
|
||||||
--message-hover: #302f270a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7d9726;
|
||||||
|
--status-warning: #a5980d;
|
||||||
|
--status-danger: #ba6236;
|
||||||
|
--icon-voice-muted: #ba6236;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e7e6df;
|
||||||
|
--scrollbar-auto-thumb: #e7e6df;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #22221b !important;
|
||||||
|
background-color: #e7e6df !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #929181;
|
||||||
|
background: #22221b;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #5f9182; }
|
||||||
|
.hljs-string { color: #7d9726; }
|
||||||
|
.hljs-number { color: #ae7313; }
|
||||||
|
.hljs-comment { color: #6c6b5a; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7d9726; /* Green */
|
|
||||||
--dnd-indicator: #ba6236; /* Red */
|
|
||||||
--idle-indicator: #a5980d; /* Yellow */
|
|
||||||
--streaming-indicator: #5f9182; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #36a166; /* Blue */
|
|
||||||
--accent-2: #5b9d48; /* Cyan */
|
|
||||||
--accent-3: #5b9d48;
|
|
||||||
--accent-4: #36a166;
|
|
||||||
--accent-5: #ba6236;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f4f3ec;
|
|
||||||
--bg-2: #e7e6df;
|
|
||||||
--bg-3: #f4f3ec;
|
|
||||||
--bg-4: #f4f3ec;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f4f3ec;
|
||||||
|
--background-base-lowest: #f4f3ec !important;
|
||||||
|
--background-base-lower: #e7e6df !important;
|
||||||
|
--background-surface-high: #f4f3ec !important;
|
||||||
|
--chat-background: #f4f3ec;
|
||||||
|
--home-background: #f4f3ec;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e7e6df !important;
|
||||||
|
--background-surface-highest: #929181 !important;
|
||||||
|
--background-accent: #929181 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5f5e4e;
|
--text-default: #5f5e4e;
|
||||||
--text-1: #5f5e4e;
|
--text-strong: #5f5e4e !important;
|
||||||
--text-2: #5f5e4e;
|
--text-muted: #6c6b5a !important;
|
||||||
--text-3: #5f5e4e;
|
--text-subtle: #878573;
|
||||||
--text-4: #5f5e4e;
|
|
||||||
--text-5: #878573;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #302f27 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #302f27;
|
||||||
--hover: #36a1661a;
|
--control-brand-foreground: #302f27;
|
||||||
--active: #36a16633;
|
--text-link: #36a166 !important;
|
||||||
--message-hover: #e7e6df0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7d9726;
|
||||||
|
--status-warning: #a5980d;
|
||||||
|
--status-danger: #ba6236;
|
||||||
|
--icon-voice-muted: #ba6236;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #302f27;
|
||||||
|
--scrollbar-auto-thumb: #302f27;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f4f3ec !important;
|
||||||
|
background-color: #302f27 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5f5e4e;
|
||||||
|
background: #f4f3ec;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #5f9182; }
|
||||||
|
.hljs-string { color: #7d9726; }
|
||||||
|
.hljs-number { color: #ae7313; }
|
||||||
|
.hljs-comment { color: #878573; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7b9726; /* Green */
|
|
||||||
--dnd-indicator: #f22c40; /* Red */
|
|
||||||
--idle-indicator: #c38418; /* Yellow */
|
|
||||||
--streaming-indicator: #6666ea; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #407ee7; /* Blue */
|
|
||||||
--accent-2: #3d97b8; /* Cyan */
|
|
||||||
--accent-3: #3d97b8;
|
|
||||||
--accent-4: #407ee7;
|
|
||||||
--accent-5: #f22c40;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1b1918;
|
|
||||||
--bg-2: #2c2421;
|
|
||||||
--bg-3: #1b1918;
|
|
||||||
--bg-4: #1b1918;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1b1918;
|
||||||
|
--background-base-lowest: #1b1918 !important;
|
||||||
|
--background-base-lower: #2c2421 !important;
|
||||||
|
--background-surface-high: #1b1918 !important;
|
||||||
|
--chat-background: #1b1918;
|
||||||
|
--home-background: #1b1918;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #2c2421 !important;
|
||||||
|
--background-surface-highest: #68615e !important;
|
||||||
|
--background-accent: #68615e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a8a19f;
|
--text-default: #a8a19f;
|
||||||
--text-1: #a8a19f;
|
--text-strong: #a8a19f !important;
|
||||||
--text-2: #a8a19f;
|
--text-muted: #9c9491 !important;
|
||||||
--text-3: #a8a19f;
|
--text-subtle: #766e6b;
|
||||||
--text-4: #a8a19f;
|
|
||||||
--text-5: #766e6b;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e6e2e0 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e6e2e0;
|
||||||
--hover: #407ee71a;
|
--control-brand-foreground: #e6e2e0;
|
||||||
--active: #407ee733;
|
--text-link: #407ee7 !important;
|
||||||
--message-hover: #2c24210a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7b9726;
|
||||||
|
--status-warning: #c38418;
|
||||||
|
--status-danger: #f22c40;
|
||||||
|
--icon-voice-muted: #f22c40;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e6e2e0;
|
||||||
|
--scrollbar-auto-thumb: #e6e2e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1b1918 !important;
|
||||||
|
background-color: #e6e2e0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a8a19f;
|
||||||
|
background: #1b1918;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6666ea; }
|
||||||
|
.hljs-string { color: #7b9726; }
|
||||||
|
.hljs-number { color: #df5320; }
|
||||||
|
.hljs-comment { color: #766e6b; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7b9726; /* Green */
|
|
||||||
--dnd-indicator: #f22c40; /* Red */
|
|
||||||
--idle-indicator: #c38418; /* Yellow */
|
|
||||||
--streaming-indicator: #6666ea; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #407ee7; /* Blue */
|
|
||||||
--accent-2: #3d97b8; /* Cyan */
|
|
||||||
--accent-3: #3d97b8;
|
|
||||||
--accent-4: #407ee7;
|
|
||||||
--accent-5: #f22c40;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f1efee;
|
|
||||||
--bg-2: #e6e2e0;
|
|
||||||
--bg-3: #f1efee;
|
|
||||||
--bg-4: #f1efee;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f1efee;
|
||||||
|
--background-base-lowest: #f1efee !important;
|
||||||
|
--background-base-lower: #e6e2e0 !important;
|
||||||
|
--background-surface-high: #f1efee !important;
|
||||||
|
--chat-background: #f1efee;
|
||||||
|
--home-background: #f1efee;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e6e2e0 !important;
|
||||||
|
--background-surface-highest: #a8a19f !important;
|
||||||
|
--background-accent: #a8a19f !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #68615e;
|
--text-default: #68615e;
|
||||||
--text-1: #68615e;
|
--text-strong: #68615e !important;
|
||||||
--text-2: #68615e;
|
--text-muted: #766e6b !important;
|
||||||
--text-3: #68615e;
|
--text-subtle: #9c9491;
|
||||||
--text-4: #68615e;
|
|
||||||
--text-5: #9c9491;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #2c2421 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #2c2421;
|
||||||
--hover: #407ee71a;
|
--control-brand-foreground: #2c2421;
|
||||||
--active: #407ee733;
|
--text-link: #407ee7 !important;
|
||||||
--message-hover: #e6e2e00a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7b9726;
|
||||||
|
--status-warning: #c38418;
|
||||||
|
--status-danger: #f22c40;
|
||||||
|
--icon-voice-muted: #f22c40;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #2c2421;
|
||||||
|
--scrollbar-auto-thumb: #2c2421;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f1efee !important;
|
||||||
|
background-color: #2c2421 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #68615e;
|
||||||
|
background: #f1efee;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6666ea; }
|
||||||
|
.hljs-string { color: #7b9726; }
|
||||||
|
.hljs-number { color: #df5320; }
|
||||||
|
.hljs-comment { color: #9c9491; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #918b3b; /* Green */
|
|
||||||
--dnd-indicator: #ca402b; /* Red */
|
|
||||||
--idle-indicator: #bb8a35; /* Yellow */
|
|
||||||
--streaming-indicator: #7b59c0; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #516aec; /* Blue */
|
|
||||||
--accent-2: #159393; /* Cyan */
|
|
||||||
--accent-3: #159393;
|
|
||||||
--accent-4: #516aec;
|
|
||||||
--accent-5: #ca402b;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1b181b;
|
|
||||||
--bg-2: #292329;
|
|
||||||
--bg-3: #1b181b;
|
|
||||||
--bg-4: #1b181b;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1b181b;
|
||||||
|
--background-base-lowest: #1b181b !important;
|
||||||
|
--background-base-lower: #292329 !important;
|
||||||
|
--background-surface-high: #1b181b !important;
|
||||||
|
--chat-background: #1b181b;
|
||||||
|
--home-background: #1b181b;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #292329 !important;
|
||||||
|
--background-surface-highest: #695d69 !important;
|
||||||
|
--background-accent: #695d69 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ab9bab;
|
--text-default: #ab9bab;
|
||||||
--text-1: #ab9bab;
|
--text-strong: #ab9bab !important;
|
||||||
--text-2: #ab9bab;
|
--text-muted: #9e8f9e !important;
|
||||||
--text-3: #ab9bab;
|
--text-subtle: #776977;
|
||||||
--text-4: #ab9bab;
|
|
||||||
--text-5: #776977;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #d8cad8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #d8cad8;
|
||||||
--hover: #516aec1a;
|
--control-brand-foreground: #d8cad8;
|
||||||
--active: #516aec33;
|
--text-link: #516aec !important;
|
||||||
--message-hover: #2923290a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #918b3b;
|
||||||
|
--status-warning: #bb8a35;
|
||||||
|
--status-danger: #ca402b;
|
||||||
|
--icon-voice-muted: #ca402b;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #d8cad8;
|
||||||
|
--scrollbar-auto-thumb: #d8cad8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1b181b !important;
|
||||||
|
background-color: #d8cad8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ab9bab;
|
||||||
|
background: #1b181b;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #7b59c0; }
|
||||||
|
.hljs-string { color: #918b3b; }
|
||||||
|
.hljs-number { color: #a65926; }
|
||||||
|
.hljs-comment { color: #776977; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #918b3b; /* Green */
|
|
||||||
--dnd-indicator: #ca402b; /* Red */
|
|
||||||
--idle-indicator: #bb8a35; /* Yellow */
|
|
||||||
--streaming-indicator: #7b59c0; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #516aec; /* Blue */
|
|
||||||
--accent-2: #159393; /* Cyan */
|
|
||||||
--accent-3: #159393;
|
|
||||||
--accent-4: #516aec;
|
|
||||||
--accent-5: #ca402b;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f7f3f7;
|
|
||||||
--bg-2: #d8cad8;
|
|
||||||
--bg-3: #f7f3f7;
|
|
||||||
--bg-4: #f7f3f7;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f7f3f7;
|
||||||
|
--background-base-lowest: #f7f3f7 !important;
|
||||||
|
--background-base-lower: #d8cad8 !important;
|
||||||
|
--background-surface-high: #f7f3f7 !important;
|
||||||
|
--chat-background: #f7f3f7;
|
||||||
|
--home-background: #f7f3f7;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #d8cad8 !important;
|
||||||
|
--background-surface-highest: #ab9bab !important;
|
||||||
|
--background-accent: #ab9bab !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #695d69;
|
--text-default: #695d69;
|
||||||
--text-1: #695d69;
|
--text-strong: #695d69 !important;
|
||||||
--text-2: #695d69;
|
--text-muted: #776977 !important;
|
||||||
--text-3: #695d69;
|
--text-subtle: #9e8f9e;
|
||||||
--text-4: #695d69;
|
|
||||||
--text-5: #9e8f9e;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #292329 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #292329;
|
||||||
--hover: #516aec1a;
|
--control-brand-foreground: #292329;
|
||||||
--active: #516aec33;
|
--text-link: #516aec !important;
|
||||||
--message-hover: #d8cad80a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #918b3b;
|
||||||
|
--status-warning: #bb8a35;
|
||||||
|
--status-danger: #ca402b;
|
||||||
|
--icon-voice-muted: #ca402b;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #292329;
|
||||||
|
--scrollbar-auto-thumb: #292329;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f7f3f7 !important;
|
||||||
|
background-color: #292329 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #695d69;
|
||||||
|
background: #f7f3f7;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #7b59c0; }
|
||||||
|
.hljs-string { color: #918b3b; }
|
||||||
|
.hljs-number { color: #a65926; }
|
||||||
|
.hljs-comment { color: #9e8f9e; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #568c3b; /* Green */
|
|
||||||
--dnd-indicator: #d22d72; /* Red */
|
|
||||||
--idle-indicator: #8a8a0f; /* Yellow */
|
|
||||||
--streaming-indicator: #6b6bb8; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #257fad; /* Blue */
|
|
||||||
--accent-2: #2d8f6f; /* Cyan */
|
|
||||||
--accent-3: #2d8f6f;
|
|
||||||
--accent-4: #257fad;
|
|
||||||
--accent-5: #d22d72;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #161b1d;
|
|
||||||
--bg-2: #1f292e;
|
|
||||||
--bg-3: #161b1d;
|
|
||||||
--bg-4: #161b1d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #161b1d;
|
||||||
|
--background-base-lowest: #161b1d !important;
|
||||||
|
--background-base-lower: #1f292e !important;
|
||||||
|
--background-surface-high: #161b1d !important;
|
||||||
|
--chat-background: #161b1d;
|
||||||
|
--home-background: #161b1d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #1f292e !important;
|
||||||
|
--background-surface-highest: #516d7b !important;
|
||||||
|
--background-accent: #516d7b !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #7ea2b4;
|
--text-default: #7ea2b4;
|
||||||
--text-1: #7ea2b4;
|
--text-strong: #7ea2b4 !important;
|
||||||
--text-2: #7ea2b4;
|
--text-muted: #7195a8 !important;
|
||||||
--text-3: #7ea2b4;
|
--text-subtle: #5a7b8c;
|
||||||
--text-4: #7ea2b4;
|
|
||||||
--text-5: #5a7b8c;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #c1e4f6 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #c1e4f6;
|
||||||
--hover: #257fad1a;
|
--control-brand-foreground: #c1e4f6;
|
||||||
--active: #257fad33;
|
--text-link: #257fad !important;
|
||||||
--message-hover: #1f292e0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #568c3b;
|
||||||
|
--status-warning: #8a8a0f;
|
||||||
|
--status-danger: #d22d72;
|
||||||
|
--icon-voice-muted: #d22d72;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #c1e4f6;
|
||||||
|
--scrollbar-auto-thumb: #c1e4f6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #161b1d !important;
|
||||||
|
background-color: #c1e4f6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #7ea2b4;
|
||||||
|
background: #161b1d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6b6bb8; }
|
||||||
|
.hljs-string { color: #568c3b; }
|
||||||
|
.hljs-number { color: #935c25; }
|
||||||
|
.hljs-comment { color: #5a7b8c; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #568c3b; /* Green */
|
|
||||||
--dnd-indicator: #d22d72; /* Red */
|
|
||||||
--idle-indicator: #8a8a0f; /* Yellow */
|
|
||||||
--streaming-indicator: #6b6bb8; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #257fad; /* Blue */
|
|
||||||
--accent-2: #2d8f6f; /* Cyan */
|
|
||||||
--accent-3: #2d8f6f;
|
|
||||||
--accent-4: #257fad;
|
|
||||||
--accent-5: #d22d72;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #ebf8ff;
|
|
||||||
--bg-2: #c1e4f6;
|
|
||||||
--bg-3: #ebf8ff;
|
|
||||||
--bg-4: #ebf8ff;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #ebf8ff;
|
||||||
|
--background-base-lowest: #ebf8ff !important;
|
||||||
|
--background-base-lower: #c1e4f6 !important;
|
||||||
|
--background-surface-high: #ebf8ff !important;
|
||||||
|
--chat-background: #ebf8ff;
|
||||||
|
--home-background: #ebf8ff;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #c1e4f6 !important;
|
||||||
|
--background-surface-highest: #7ea2b4 !important;
|
||||||
|
--background-accent: #7ea2b4 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #516d7b;
|
--text-default: #516d7b;
|
||||||
--text-1: #516d7b;
|
--text-strong: #516d7b !important;
|
||||||
--text-2: #516d7b;
|
--text-muted: #5a7b8c !important;
|
||||||
--text-3: #516d7b;
|
--text-subtle: #7195a8;
|
||||||
--text-4: #516d7b;
|
|
||||||
--text-5: #7195a8;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #1f292e !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #1f292e;
|
||||||
--hover: #257fad1a;
|
--control-brand-foreground: #1f292e;
|
||||||
--active: #257fad33;
|
--text-link: #257fad !important;
|
||||||
--message-hover: #c1e4f60a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #568c3b;
|
||||||
|
--status-warning: #8a8a0f;
|
||||||
|
--status-danger: #d22d72;
|
||||||
|
--icon-voice-muted: #d22d72;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #1f292e;
|
||||||
|
--scrollbar-auto-thumb: #1f292e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #ebf8ff !important;
|
||||||
|
background-color: #1f292e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #516d7b;
|
||||||
|
background: #ebf8ff;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6b6bb8; }
|
||||||
|
.hljs-string { color: #568c3b; }
|
||||||
|
.hljs-number { color: #935c25; }
|
||||||
|
.hljs-comment { color: #7195a8; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #4b8b8b; /* Green */
|
|
||||||
--dnd-indicator: #ca4949; /* Red */
|
|
||||||
--idle-indicator: #a06e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #8464c4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #7272ca; /* Blue */
|
|
||||||
--accent-2: #5485b6; /* Cyan */
|
|
||||||
--accent-3: #5485b6;
|
|
||||||
--accent-4: #7272ca;
|
|
||||||
--accent-5: #ca4949;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1b1818;
|
|
||||||
--bg-2: #292424;
|
|
||||||
--bg-3: #1b1818;
|
|
||||||
--bg-4: #1b1818;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1b1818;
|
||||||
|
--background-base-lowest: #1b1818 !important;
|
||||||
|
--background-base-lower: #292424 !important;
|
||||||
|
--background-surface-high: #1b1818 !important;
|
||||||
|
--chat-background: #1b1818;
|
||||||
|
--home-background: #1b1818;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #292424 !important;
|
||||||
|
--background-surface-highest: #585050 !important;
|
||||||
|
--background-accent: #585050 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #8a8585;
|
--text-default: #8a8585;
|
||||||
--text-1: #8a8585;
|
--text-strong: #8a8585 !important;
|
||||||
--text-2: #8a8585;
|
--text-muted: #7e7777 !important;
|
||||||
--text-3: #8a8585;
|
--text-subtle: #655d5d;
|
||||||
--text-4: #8a8585;
|
|
||||||
--text-5: #655d5d;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e7dfdf !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e7dfdf;
|
||||||
--hover: #7272ca1a;
|
--control-brand-foreground: #e7dfdf;
|
||||||
--active: #7272ca33;
|
--text-link: #7272ca !important;
|
||||||
--message-hover: #2924240a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #4b8b8b;
|
||||||
|
--status-warning: #a06e3b;
|
||||||
|
--status-danger: #ca4949;
|
||||||
|
--icon-voice-muted: #ca4949;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e7dfdf;
|
||||||
|
--scrollbar-auto-thumb: #e7dfdf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1b1818 !important;
|
||||||
|
background-color: #e7dfdf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #8a8585;
|
||||||
|
background: #1b1818;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #8464c4; }
|
||||||
|
.hljs-string { color: #4b8b8b; }
|
||||||
|
.hljs-number { color: #b45a3c; }
|
||||||
|
.hljs-comment { color: #655d5d; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #4b8b8b; /* Green */
|
|
||||||
--dnd-indicator: #ca4949; /* Red */
|
|
||||||
--idle-indicator: #a06e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #8464c4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #7272ca; /* Blue */
|
|
||||||
--accent-2: #5485b6; /* Cyan */
|
|
||||||
--accent-3: #5485b6;
|
|
||||||
--accent-4: #7272ca;
|
|
||||||
--accent-5: #ca4949;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f4ecec;
|
|
||||||
--bg-2: #e7dfdf;
|
|
||||||
--bg-3: #f4ecec;
|
|
||||||
--bg-4: #f4ecec;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f4ecec;
|
||||||
|
--background-base-lowest: #f4ecec !important;
|
||||||
|
--background-base-lower: #e7dfdf !important;
|
||||||
|
--background-surface-high: #f4ecec !important;
|
||||||
|
--chat-background: #f4ecec;
|
||||||
|
--home-background: #f4ecec;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e7dfdf !important;
|
||||||
|
--background-surface-highest: #8a8585 !important;
|
||||||
|
--background-accent: #8a8585 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #585050;
|
--text-default: #585050;
|
||||||
--text-1: #585050;
|
--text-strong: #585050 !important;
|
||||||
--text-2: #585050;
|
--text-muted: #655d5d !important;
|
||||||
--text-3: #585050;
|
--text-subtle: #7e7777;
|
||||||
--text-4: #585050;
|
|
||||||
--text-5: #7e7777;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #292424 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #292424;
|
||||||
--hover: #7272ca1a;
|
--control-brand-foreground: #292424;
|
||||||
--active: #7272ca33;
|
--text-link: #7272ca !important;
|
||||||
--message-hover: #e7dfdf0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #4b8b8b;
|
||||||
|
--status-warning: #a06e3b;
|
||||||
|
--status-danger: #ca4949;
|
||||||
|
--icon-voice-muted: #ca4949;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #292424;
|
||||||
|
--scrollbar-auto-thumb: #292424;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f4ecec !important;
|
||||||
|
background-color: #292424 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #585050;
|
||||||
|
background: #f4ecec;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #8464c4; }
|
||||||
|
.hljs-string { color: #4b8b8b; }
|
||||||
|
.hljs-number { color: #b45a3c; }
|
||||||
|
.hljs-comment { color: #7e7777; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #489963; /* Green */
|
|
||||||
--dnd-indicator: #b16139; /* Red */
|
|
||||||
--idle-indicator: #a07e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #55859b; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #478c90; /* Blue */
|
|
||||||
--accent-2: #1c9aa0; /* Cyan */
|
|
||||||
--accent-3: #1c9aa0;
|
|
||||||
--accent-4: #478c90;
|
|
||||||
--accent-5: #b16139;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #171c19;
|
|
||||||
--bg-2: #232a25;
|
|
||||||
--bg-3: #171c19;
|
|
||||||
--bg-4: #171c19;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #171c19;
|
||||||
|
--background-base-lowest: #171c19 !important;
|
||||||
|
--background-base-lower: #232a25 !important;
|
||||||
|
--background-surface-high: #171c19 !important;
|
||||||
|
--chat-background: #171c19;
|
||||||
|
--home-background: #171c19;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #232a25 !important;
|
||||||
|
--background-surface-highest: #526057 !important;
|
||||||
|
--background-accent: #526057 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #87928a;
|
--text-default: #87928a;
|
||||||
--text-1: #87928a;
|
--text-strong: #87928a !important;
|
||||||
--text-2: #87928a;
|
--text-muted: #78877d !important;
|
||||||
--text-3: #87928a;
|
--text-subtle: #5f6d64;
|
||||||
--text-4: #87928a;
|
|
||||||
--text-5: #5f6d64;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dfe7e2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dfe7e2;
|
||||||
--hover: #478c901a;
|
--control-brand-foreground: #dfe7e2;
|
||||||
--active: #478c9033;
|
--text-link: #478c90 !important;
|
||||||
--message-hover: #232a250a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #489963;
|
||||||
|
--status-warning: #a07e3b;
|
||||||
|
--status-danger: #b16139;
|
||||||
|
--icon-voice-muted: #b16139;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dfe7e2;
|
||||||
|
--scrollbar-auto-thumb: #dfe7e2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #171c19 !important;
|
||||||
|
background-color: #dfe7e2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #87928a;
|
||||||
|
background: #171c19;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #55859b; }
|
||||||
|
.hljs-string { color: #489963; }
|
||||||
|
.hljs-number { color: #9f713c; }
|
||||||
|
.hljs-comment { color: #5f6d64; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #489963; /* Green */
|
|
||||||
--dnd-indicator: #b16139; /* Red */
|
|
||||||
--idle-indicator: #a07e3b; /* Yellow */
|
|
||||||
--streaming-indicator: #55859b; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #478c90; /* Blue */
|
|
||||||
--accent-2: #1c9aa0; /* Cyan */
|
|
||||||
--accent-3: #1c9aa0;
|
|
||||||
--accent-4: #478c90;
|
|
||||||
--accent-5: #b16139;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #ecf4ee;
|
|
||||||
--bg-2: #dfe7e2;
|
|
||||||
--bg-3: #ecf4ee;
|
|
||||||
--bg-4: #ecf4ee;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #ecf4ee;
|
||||||
|
--background-base-lowest: #ecf4ee !important;
|
||||||
|
--background-base-lower: #dfe7e2 !important;
|
||||||
|
--background-surface-high: #ecf4ee !important;
|
||||||
|
--chat-background: #ecf4ee;
|
||||||
|
--home-background: #ecf4ee;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #dfe7e2 !important;
|
||||||
|
--background-surface-highest: #87928a !important;
|
||||||
|
--background-accent: #87928a !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #526057;
|
--text-default: #526057;
|
||||||
--text-1: #526057;
|
--text-strong: #526057 !important;
|
||||||
--text-2: #526057;
|
--text-muted: #5f6d64 !important;
|
||||||
--text-3: #526057;
|
--text-subtle: #78877d;
|
||||||
--text-4: #526057;
|
|
||||||
--text-5: #78877d;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #232a25 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #232a25;
|
||||||
--hover: #478c901a;
|
--control-brand-foreground: #232a25;
|
||||||
--active: #478c9033;
|
--text-link: #478c90 !important;
|
||||||
--message-hover: #dfe7e20a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #489963;
|
||||||
|
--status-warning: #a07e3b;
|
||||||
|
--status-danger: #b16139;
|
||||||
|
--icon-voice-muted: #b16139;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #232a25;
|
||||||
|
--scrollbar-auto-thumb: #232a25;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #ecf4ee !important;
|
||||||
|
background-color: #232a25 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #526057;
|
||||||
|
background: #ecf4ee;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #55859b; }
|
||||||
|
.hljs-string { color: #489963; }
|
||||||
|
.hljs-number { color: #9f713c; }
|
||||||
|
.hljs-comment { color: #78877d; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #29a329; /* Green */
|
|
||||||
--dnd-indicator: #e6193c; /* Red */
|
|
||||||
--idle-indicator: #98981b; /* Yellow */
|
|
||||||
--streaming-indicator: #ad2bee; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #3d62f5; /* Blue */
|
|
||||||
--accent-2: #1999b3; /* Cyan */
|
|
||||||
--accent-3: #1999b3;
|
|
||||||
--accent-4: #3d62f5;
|
|
||||||
--accent-5: #e6193c;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #131513;
|
|
||||||
--bg-2: #242924;
|
|
||||||
--bg-3: #131513;
|
|
||||||
--bg-4: #131513;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #131513;
|
||||||
|
--background-base-lowest: #131513 !important;
|
||||||
|
--background-base-lower: #242924 !important;
|
||||||
|
--background-surface-high: #131513 !important;
|
||||||
|
--chat-background: #131513;
|
||||||
|
--home-background: #131513;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #242924 !important;
|
||||||
|
--background-surface-highest: #5e6e5e !important;
|
||||||
|
--background-accent: #5e6e5e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #8ca68c;
|
--text-default: #8ca68c;
|
||||||
--text-1: #8ca68c;
|
--text-strong: #8ca68c !important;
|
||||||
--text-2: #8ca68c;
|
--text-muted: #809980 !important;
|
||||||
--text-3: #8ca68c;
|
--text-subtle: #687d68;
|
||||||
--text-4: #8ca68c;
|
|
||||||
--text-5: #687d68;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #cfe8cf !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #cfe8cf;
|
||||||
--hover: #3d62f51a;
|
--control-brand-foreground: #cfe8cf;
|
||||||
--active: #3d62f533;
|
--text-link: #3d62f5 !important;
|
||||||
--message-hover: #2429240a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #29a329;
|
||||||
|
--status-warning: #98981b;
|
||||||
|
--status-danger: #e6193c;
|
||||||
|
--icon-voice-muted: #e6193c;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #cfe8cf;
|
||||||
|
--scrollbar-auto-thumb: #cfe8cf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #131513 !important;
|
||||||
|
background-color: #cfe8cf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #8ca68c;
|
||||||
|
background: #131513;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ad2bee; }
|
||||||
|
.hljs-string { color: #29a329; }
|
||||||
|
.hljs-number { color: #87711d; }
|
||||||
|
.hljs-comment { color: #687d68; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #29a329; /* Green */
|
|
||||||
--dnd-indicator: #e6193c; /* Red */
|
|
||||||
--idle-indicator: #98981b; /* Yellow */
|
|
||||||
--streaming-indicator: #ad2bee; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #3d62f5; /* Blue */
|
|
||||||
--accent-2: #1999b3; /* Cyan */
|
|
||||||
--accent-3: #1999b3;
|
|
||||||
--accent-4: #3d62f5;
|
|
||||||
--accent-5: #e6193c;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f4fbf4;
|
|
||||||
--bg-2: #cfe8cf;
|
|
||||||
--bg-3: #f4fbf4;
|
|
||||||
--bg-4: #f4fbf4;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f4fbf4;
|
||||||
|
--background-base-lowest: #f4fbf4 !important;
|
||||||
|
--background-base-lower: #cfe8cf !important;
|
||||||
|
--background-surface-high: #f4fbf4 !important;
|
||||||
|
--chat-background: #f4fbf4;
|
||||||
|
--home-background: #f4fbf4;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #cfe8cf !important;
|
||||||
|
--background-surface-highest: #8ca68c !important;
|
||||||
|
--background-accent: #8ca68c !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5e6e5e;
|
--text-default: #5e6e5e;
|
||||||
--text-1: #5e6e5e;
|
--text-strong: #5e6e5e !important;
|
||||||
--text-2: #5e6e5e;
|
--text-muted: #687d68 !important;
|
||||||
--text-3: #5e6e5e;
|
--text-subtle: #809980;
|
||||||
--text-4: #5e6e5e;
|
|
||||||
--text-5: #809980;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #242924 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #242924;
|
||||||
--hover: #3d62f51a;
|
--control-brand-foreground: #242924;
|
||||||
--active: #3d62f533;
|
--text-link: #3d62f5 !important;
|
||||||
--message-hover: #cfe8cf0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #29a329;
|
||||||
|
--status-warning: #98981b;
|
||||||
|
--status-danger: #e6193c;
|
||||||
|
--icon-voice-muted: #e6193c;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #242924;
|
||||||
|
--scrollbar-auto-thumb: #242924;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f4fbf4 !important;
|
||||||
|
background-color: #242924 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5e6e5e;
|
||||||
|
background: #f4fbf4;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ad2bee; }
|
||||||
|
.hljs-string { color: #29a329; }
|
||||||
|
.hljs-number { color: #87711d; }
|
||||||
|
.hljs-comment { color: #809980; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #ac9739; /* Green */
|
|
||||||
--dnd-indicator: #c94922; /* Red */
|
|
||||||
--idle-indicator: #c08b30; /* Yellow */
|
|
||||||
--streaming-indicator: #6679cc; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #3d8fd1; /* Blue */
|
|
||||||
--accent-2: #22a2c9; /* Cyan */
|
|
||||||
--accent-3: #22a2c9;
|
|
||||||
--accent-4: #3d8fd1;
|
|
||||||
--accent-5: #c94922;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #202746;
|
|
||||||
--bg-2: #293256;
|
|
||||||
--bg-3: #202746;
|
|
||||||
--bg-4: #202746;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #202746;
|
||||||
|
--background-base-lowest: #202746 !important;
|
||||||
|
--background-base-lower: #293256 !important;
|
||||||
|
--background-surface-high: #202746 !important;
|
||||||
|
--chat-background: #202746;
|
||||||
|
--home-background: #202746;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #293256 !important;
|
||||||
|
--background-surface-highest: #5e6687 !important;
|
||||||
|
--background-accent: #5e6687 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #979db4;
|
--text-default: #979db4;
|
||||||
--text-1: #979db4;
|
--text-strong: #979db4 !important;
|
||||||
--text-2: #979db4;
|
--text-muted: #898ea4 !important;
|
||||||
--text-3: #979db4;
|
--text-subtle: #6b7394;
|
||||||
--text-4: #979db4;
|
|
||||||
--text-5: #6b7394;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dfe2f1 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dfe2f1;
|
||||||
--hover: #3d8fd11a;
|
--control-brand-foreground: #dfe2f1;
|
||||||
--active: #3d8fd133;
|
--text-link: #3d8fd1 !important;
|
||||||
--message-hover: #2932560a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #ac9739;
|
||||||
|
--status-warning: #c08b30;
|
||||||
|
--status-danger: #c94922;
|
||||||
|
--icon-voice-muted: #c94922;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dfe2f1;
|
||||||
|
--scrollbar-auto-thumb: #dfe2f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #202746 !important;
|
||||||
|
background-color: #dfe2f1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #979db4;
|
||||||
|
background: #202746;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6679cc; }
|
||||||
|
.hljs-string { color: #ac9739; }
|
||||||
|
.hljs-number { color: #c76b29; }
|
||||||
|
.hljs-comment { color: #6b7394; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #ac9739; /* Green */
|
|
||||||
--dnd-indicator: #c94922; /* Red */
|
|
||||||
--idle-indicator: #c08b30; /* Yellow */
|
|
||||||
--streaming-indicator: #6679cc; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #3d8fd1; /* Blue */
|
|
||||||
--accent-2: #22a2c9; /* Cyan */
|
|
||||||
--accent-3: #22a2c9;
|
|
||||||
--accent-4: #3d8fd1;
|
|
||||||
--accent-5: #c94922;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f5f7ff;
|
|
||||||
--bg-2: #dfe2f1;
|
|
||||||
--bg-3: #f5f7ff;
|
|
||||||
--bg-4: #f5f7ff;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f5f7ff;
|
||||||
|
--background-base-lowest: #f5f7ff !important;
|
||||||
|
--background-base-lower: #dfe2f1 !important;
|
||||||
|
--background-surface-high: #f5f7ff !important;
|
||||||
|
--chat-background: #f5f7ff;
|
||||||
|
--home-background: #f5f7ff;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #dfe2f1 !important;
|
||||||
|
--background-surface-highest: #979db4 !important;
|
||||||
|
--background-accent: #979db4 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5e6687;
|
--text-default: #5e6687;
|
||||||
--text-1: #5e6687;
|
--text-strong: #5e6687 !important;
|
||||||
--text-2: #5e6687;
|
--text-muted: #6b7394 !important;
|
||||||
--text-3: #5e6687;
|
--text-subtle: #898ea4;
|
||||||
--text-4: #5e6687;
|
|
||||||
--text-5: #898ea4;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #293256 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #293256;
|
||||||
--hover: #3d8fd11a;
|
--control-brand-foreground: #293256;
|
||||||
--active: #3d8fd133;
|
--text-link: #3d8fd1 !important;
|
||||||
--message-hover: #dfe2f10a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #ac9739;
|
||||||
|
--status-warning: #c08b30;
|
||||||
|
--status-danger: #c94922;
|
||||||
|
--icon-voice-muted: #c94922;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #293256;
|
||||||
|
--scrollbar-auto-thumb: #293256;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f5f7ff !important;
|
||||||
|
background-color: #293256 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5e6687;
|
||||||
|
background: #f5f7ff;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6679cc; }
|
||||||
|
.hljs-string { color: #ac9739; }
|
||||||
|
.hljs-number { color: #c76b29; }
|
||||||
|
.hljs-comment { color: #898ea4; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7fc06e; /* Green */
|
|
||||||
--dnd-indicator: #ff5a67; /* Red */
|
|
||||||
--idle-indicator: #ffcc1b; /* Yellow */
|
|
||||||
--streaming-indicator: #9a70a4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #14747e; /* Blue */
|
|
||||||
--accent-2: #5dd7b9; /* Cyan */
|
|
||||||
--accent-3: #5dd7b9;
|
|
||||||
--accent-4: #14747e;
|
|
||||||
--accent-5: #ff5a67;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #002635;
|
|
||||||
--bg-2: #00384d;
|
|
||||||
--bg-3: #002635;
|
|
||||||
--bg-4: #002635;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #002635;
|
||||||
|
--background-base-lowest: #002635 !important;
|
||||||
|
--background-base-lower: #00384d !important;
|
||||||
|
--background-surface-high: #002635 !important;
|
||||||
|
--chat-background: #002635;
|
||||||
|
--home-background: #002635;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #00384d !important;
|
||||||
|
--background-surface-highest: #517f8d !important;
|
||||||
|
--background-accent: #517f8d !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a1a19a;
|
--text-default: #a1a19a;
|
||||||
--text-1: #a1a19a;
|
--text-strong: #a1a19a !important;
|
||||||
--text-2: #a1a19a;
|
--text-muted: #869696 !important;
|
||||||
--text-3: #a1a19a;
|
--text-subtle: #6c8b91;
|
||||||
--text-4: #a1a19a;
|
|
||||||
--text-5: #6c8b91;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e6e6dc !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e6e6dc;
|
||||||
--hover: #14747e1a;
|
--control-brand-foreground: #e6e6dc;
|
||||||
--active: #14747e33;
|
--text-link: #14747e !important;
|
||||||
--message-hover: #00384d0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7fc06e;
|
||||||
|
--status-warning: #ffcc1b;
|
||||||
|
--status-danger: #ff5a67;
|
||||||
|
--icon-voice-muted: #ff5a67;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e6e6dc;
|
||||||
|
--scrollbar-auto-thumb: #e6e6dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #002635 !important;
|
||||||
|
background-color: #e6e6dc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a1a19a;
|
||||||
|
background: #002635;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #9a70a4; }
|
||||||
|
.hljs-string { color: #7fc06e; }
|
||||||
|
.hljs-number { color: #f08e48; }
|
||||||
|
.hljs-comment { color: #6c8b91; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #aad94c; /* Green */
|
|
||||||
--dnd-indicator: #f07178; /* Red */
|
|
||||||
--idle-indicator: #ffb454; /* Yellow */
|
|
||||||
--streaming-indicator: #d2a6ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #59c2ff; /* Blue */
|
|
||||||
--accent-2: #95e6cb; /* Cyan */
|
|
||||||
--accent-3: #95e6cb;
|
|
||||||
--accent-4: #59c2ff;
|
|
||||||
--accent-5: #f07178;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #0b0e14;
|
|
||||||
--bg-2: #131721;
|
|
||||||
--bg-3: #0b0e14;
|
|
||||||
--bg-4: #0b0e14;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #0b0e14;
|
||||||
|
--background-base-lowest: #0b0e14 !important;
|
||||||
|
--background-base-lower: #131721 !important;
|
||||||
|
--background-surface-high: #0b0e14 !important;
|
||||||
|
--chat-background: #0b0e14;
|
||||||
|
--home-background: #0b0e14;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #131721 !important;
|
||||||
|
--background-surface-highest: #202229 !important;
|
||||||
|
--background-accent: #202229 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #e6e1cf;
|
--text-default: #e6e1cf;
|
||||||
--text-1: #e6e1cf;
|
--text-strong: #e6e1cf !important;
|
||||||
--text-2: #e6e1cf;
|
--text-muted: #bfbdb6 !important;
|
||||||
--text-3: #e6e1cf;
|
--text-subtle: #3e4b59;
|
||||||
--text-4: #e6e1cf;
|
|
||||||
--text-5: #3e4b59;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ece8db !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ece8db;
|
||||||
--hover: #59c2ff1a;
|
--control-brand-foreground: #ece8db;
|
||||||
--active: #59c2ff33;
|
--text-link: #59c2ff !important;
|
||||||
--message-hover: #1317210a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #aad94c;
|
||||||
|
--status-warning: #ffb454;
|
||||||
|
--status-danger: #f07178;
|
||||||
|
--icon-voice-muted: #f07178;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ece8db;
|
||||||
|
--scrollbar-auto-thumb: #ece8db;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #0b0e14 !important;
|
||||||
|
background-color: #ece8db !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #e6e1cf;
|
||||||
|
background: #0b0e14;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #d2a6ff; }
|
||||||
|
.hljs-string { color: #aad94c; }
|
||||||
|
.hljs-number { color: #ff8f40; }
|
||||||
|
.hljs-comment { color: #3e4b59; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #6cbf49; /* Green */
|
|
||||||
--dnd-indicator: #f07171; /* Red */
|
|
||||||
--idle-indicator: #f2ae49; /* Yellow */
|
|
||||||
--streaming-indicator: #a37acc; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #399ee6; /* Blue */
|
|
||||||
--accent-2: #4cbf99; /* Cyan */
|
|
||||||
--accent-3: #4cbf99;
|
|
||||||
--accent-4: #399ee6;
|
|
||||||
--accent-5: #f07171;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f8f9fa;
|
|
||||||
--bg-2: #edeff1;
|
|
||||||
--bg-3: #f8f9fa;
|
|
||||||
--bg-4: #f8f9fa;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f8f9fa;
|
||||||
|
--background-base-lowest: #f8f9fa !important;
|
||||||
|
--background-base-lower: #edeff1 !important;
|
||||||
|
--background-surface-high: #f8f9fa !important;
|
||||||
|
--chat-background: #f8f9fa;
|
||||||
|
--home-background: #f8f9fa;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #edeff1 !important;
|
||||||
|
--background-surface-highest: #d2d4d8 !important;
|
||||||
|
--background-accent: #d2d4d8 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5c6166;
|
--text-default: #5c6166;
|
||||||
--text-1: #5c6166;
|
--text-strong: #5c6166 !important;
|
||||||
--text-2: #5c6166;
|
--text-muted: #8a9199 !important;
|
||||||
--text-3: #5c6166;
|
--text-subtle: #a0a6ac;
|
||||||
--text-4: #5c6166;
|
|
||||||
--text-5: #a0a6ac;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #4e5257 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #4e5257;
|
||||||
--hover: #399ee61a;
|
--control-brand-foreground: #4e5257;
|
||||||
--active: #399ee633;
|
--text-link: #399ee6 !important;
|
||||||
--message-hover: #edeff10a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #6cbf49;
|
||||||
|
--status-warning: #f2ae49;
|
||||||
|
--status-danger: #f07171;
|
||||||
|
--icon-voice-muted: #f07171;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #4e5257;
|
||||||
|
--scrollbar-auto-thumb: #4e5257;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f8f9fa !important;
|
||||||
|
background-color: #4e5257 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5c6166;
|
||||||
|
background: #f8f9fa;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a37acc; }
|
||||||
|
.hljs-string { color: #6cbf49; }
|
||||||
|
.hljs-number { color: #fa8d3e; }
|
||||||
|
.hljs-comment { color: #a0a6ac; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #d5ff80; /* Green */
|
|
||||||
--dnd-indicator: #f28779; /* Red */
|
|
||||||
--idle-indicator: #ffd173; /* Yellow */
|
|
||||||
--streaming-indicator: #d4bfff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #73d0ff; /* Blue */
|
|
||||||
--accent-2: #95e6cb; /* Cyan */
|
|
||||||
--accent-3: #95e6cb;
|
|
||||||
--accent-4: #73d0ff;
|
|
||||||
--accent-5: #f28779;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1f2430;
|
|
||||||
--bg-2: #242936;
|
|
||||||
--bg-3: #1f2430;
|
|
||||||
--bg-4: #1f2430;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1f2430;
|
||||||
|
--background-base-lowest: #1f2430 !important;
|
||||||
|
--background-base-lower: #242936 !important;
|
||||||
|
--background-surface-high: #1f2430 !important;
|
||||||
|
--chat-background: #1f2430;
|
||||||
|
--home-background: #1f2430;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #242936 !important;
|
||||||
|
--background-surface-highest: #323844 !important;
|
||||||
|
--background-accent: #323844 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #cccac2;
|
--text-default: #cccac2;
|
||||||
--text-1: #cccac2;
|
--text-strong: #cccac2 !important;
|
||||||
--text-2: #cccac2;
|
--text-muted: #707a8c !important;
|
||||||
--text-3: #cccac2;
|
--text-subtle: #4a5059;
|
||||||
--text-4: #cccac2;
|
|
||||||
--text-5: #4a5059;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #d9d7ce !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #d9d7ce;
|
||||||
--hover: #73d0ff1a;
|
--control-brand-foreground: #d9d7ce;
|
||||||
--active: #73d0ff33;
|
--text-link: #73d0ff !important;
|
||||||
--message-hover: #2429360a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #d5ff80;
|
||||||
|
--status-warning: #ffd173;
|
||||||
|
--status-danger: #f28779;
|
||||||
|
--icon-voice-muted: #f28779;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #d9d7ce;
|
||||||
|
--scrollbar-auto-thumb: #d9d7ce;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1f2430 !important;
|
||||||
|
background-color: #d9d7ce !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #cccac2;
|
||||||
|
background: #1f2430;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #d4bfff; }
|
||||||
|
.hljs-string { color: #d5ff80; }
|
||||||
|
.hljs-number { color: #ffad66; }
|
||||||
|
.hljs-comment { color: #4a5059; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #63d932; /* Green */
|
|
||||||
--dnd-indicator: #ee2e00; /* Red */
|
|
||||||
--idle-indicator: #eebb00; /* Yellow */
|
|
||||||
--streaming-indicator: #883e9f; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5b4a9f; /* Blue */
|
|
||||||
--accent-2: #3d94a5; /* Cyan */
|
|
||||||
--accent-3: #3d94a5;
|
|
||||||
--accent-4: #5b4a9f;
|
|
||||||
--accent-5: #ee2e00;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #101600;
|
|
||||||
--bg-2: #1a1e01;
|
|
||||||
--bg-3: #101600;
|
|
||||||
--bg-4: #101600;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #101600;
|
||||||
|
--background-base-lowest: #101600 !important;
|
||||||
|
--background-base-lower: #1a1e01 !important;
|
||||||
|
--background-surface-high: #101600 !important;
|
||||||
|
--chat-background: #101600;
|
||||||
|
--home-background: #101600;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #1a1e01 !important;
|
||||||
|
--background-surface-highest: #242604 !important;
|
||||||
|
--background-accent: #242604 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffda51;
|
--text-default: #ffda51;
|
||||||
--text-1: #ffda51;
|
--text-strong: #ffda51 !important;
|
||||||
--text-2: #ffda51;
|
--text-muted: #ffd129 !important;
|
||||||
--text-3: #ffda51;
|
--text-subtle: #2e2e05;
|
||||||
--text-4: #ffda51;
|
|
||||||
--text-5: #2e2e05;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffe178 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffe178;
|
||||||
--hover: #5b4a9f1a;
|
--control-brand-foreground: #ffe178;
|
||||||
--active: #5b4a9f33;
|
--text-link: #5b4a9f !important;
|
||||||
--message-hover: #1a1e010a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #63d932;
|
||||||
|
--status-warning: #eebb00;
|
||||||
|
--status-danger: #ee2e00;
|
||||||
|
--icon-voice-muted: #ee2e00;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffe178;
|
||||||
|
--scrollbar-auto-thumb: #ffe178;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #101600 !important;
|
||||||
|
background-color: #ffe178 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffda51;
|
||||||
|
background: #101600;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #883e9f; }
|
||||||
|
.hljs-string { color: #63d932; }
|
||||||
|
.hljs-number { color: #ee8800; }
|
||||||
|
.hljs-comment { color: #2e2e05; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #54be0d; /* Green */
|
|
||||||
--dnd-indicator: #cf6a4c; /* Red */
|
|
||||||
--idle-indicator: #f9ee98; /* Yellow */
|
|
||||||
--streaming-indicator: #9b859d; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5ea6ea; /* Blue */
|
|
||||||
--accent-2: #afc4db; /* Cyan */
|
|
||||||
--accent-3: #afc4db;
|
|
||||||
--accent-4: #5ea6ea;
|
|
||||||
--accent-5: #cf6a4c;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #28211c;
|
|
||||||
--bg-2: #36312e;
|
|
||||||
--bg-3: #28211c;
|
|
||||||
--bg-4: #28211c;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #28211c;
|
||||||
|
--background-base-lowest: #28211c !important;
|
||||||
|
--background-base-lower: #36312e !important;
|
||||||
|
--background-surface-high: #28211c !important;
|
||||||
|
--chat-background: #28211c;
|
||||||
|
--home-background: #28211c;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #36312e !important;
|
||||||
|
--background-surface-highest: #5e5d5c !important;
|
||||||
|
--background-accent: #5e5d5c !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #8a8986;
|
--text-default: #8a8986;
|
||||||
--text-1: #8a8986;
|
--text-strong: #8a8986 !important;
|
||||||
--text-2: #8a8986;
|
--text-muted: #797977 !important;
|
||||||
--text-3: #8a8986;
|
--text-subtle: #666666;
|
||||||
--text-4: #8a8986;
|
|
||||||
--text-5: #666666;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #9d9b97 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #9d9b97;
|
||||||
--hover: #5ea6ea1a;
|
--control-brand-foreground: #9d9b97;
|
||||||
--active: #5ea6ea33;
|
--text-link: #5ea6ea !important;
|
||||||
--message-hover: #36312e0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #54be0d;
|
||||||
|
--status-warning: #f9ee98;
|
||||||
|
--status-danger: #cf6a4c;
|
||||||
|
--icon-voice-muted: #cf6a4c;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #9d9b97;
|
||||||
|
--scrollbar-auto-thumb: #9d9b97;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #28211c !important;
|
||||||
|
background-color: #9d9b97 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #8a8986;
|
||||||
|
background: #28211c;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #9b859d; }
|
||||||
|
.hljs-string { color: #54be0d; }
|
||||||
|
.hljs-number { color: #cf7d34; }
|
||||||
|
.hljs-comment { color: #666666; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #dd9999; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #a06666; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #dd9999;
|
||||||
|
--status-warning: #a06666;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #dd9999; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #fbcb97; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #e78a53; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #fbcb97;
|
||||||
|
--status-warning: #e78a53;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #fbcb97; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #ddeecc; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #99bbaa; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #ddeecc;
|
||||||
|
--status-warning: #99bbaa;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #ddeecc; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #d0dfee; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #5f81a5; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #d0dfee;
|
||||||
|
--status-warning: #5f81a5;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #d0dfee; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #9b8d7f; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #8c7f70; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #9b8d7f;
|
||||||
|
--status-warning: #8c7f70;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #9b8d7f; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7799bb; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #556677; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7799bb;
|
||||||
|
--status-warning: #556677;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #7799bb; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #eceee3; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #974b46; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #eceee3;
|
||||||
|
--status-warning: #974b46;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #eceee3; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a5aaa7; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #626b67; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a5aaa7;
|
||||||
|
--status-warning: #626b67;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #a5aaa7; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #f3ecd4; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #eecc6c; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #f3ecd4;
|
||||||
|
--status-warning: #eecc6c;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #f3ecd4; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #aa9988; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #777755; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #aa9988;
|
||||||
|
--status-warning: #777755;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #aa9988; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #f8f7f2; /* Green */
|
|
||||||
--dnd-indicator: #5f8787; /* Red */
|
|
||||||
--idle-indicator: #79241f; /* Yellow */
|
|
||||||
--streaming-indicator: #999999; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #888888; /* Blue */
|
|
||||||
--accent-2: #aaaaaa; /* Cyan */
|
|
||||||
--accent-3: #aaaaaa;
|
|
||||||
--accent-4: #888888;
|
|
||||||
--accent-5: #5f8787;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #121212;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #121212 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #121212 !important;
|
||||||
|
--background-surface-highest: #222222 !important;
|
||||||
|
--background-accent: #222222 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c1c1c1;
|
--text-default: #c1c1c1;
|
||||||
--text-1: #c1c1c1;
|
--text-strong: #c1c1c1 !important;
|
||||||
--text-2: #c1c1c1;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #c1c1c1;
|
--text-subtle: #333333;
|
||||||
--text-4: #c1c1c1;
|
|
||||||
--text-5: #333333;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #999999 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #999999;
|
||||||
--hover: #8888881a;
|
--control-brand-foreground: #999999;
|
||||||
--active: #88888833;
|
--text-link: #888888 !important;
|
||||||
--message-hover: #1212120a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #f8f7f2;
|
||||||
|
--status-warning: #79241f;
|
||||||
|
--status-danger: #5f8787;
|
||||||
|
--icon-voice-muted: #5f8787;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #999999;
|
||||||
|
--scrollbar-auto-thumb: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #999999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c1c1c1;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #999999; }
|
||||||
|
.hljs-string { color: #f8f7f2; }
|
||||||
|
.hljs-number { color: #aaaaaa; }
|
||||||
|
.hljs-comment { color: #333333; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #80ff80; /* Green */
|
|
||||||
--dnd-indicator: #fffab1; /* Red */
|
|
||||||
--idle-indicator: #91ccff; /* Yellow */
|
|
||||||
--streaming-indicator: #0099ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #a2cff5; /* Blue */
|
|
||||||
--accent-2: #80ff80; /* Cyan */
|
|
||||||
--accent-3: #80ff80;
|
|
||||||
--accent-4: #a2cff5;
|
|
||||||
--accent-5: #fffab1;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #141f2e;
|
|
||||||
--bg-2: #1e5c1e;
|
|
||||||
--bg-3: #141f2e;
|
|
||||||
--bg-4: #141f2e;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #141f2e;
|
||||||
|
--background-base-lowest: #141f2e !important;
|
||||||
|
--background-base-lower: #1e5c1e !important;
|
||||||
|
--background-surface-high: #141f2e !important;
|
||||||
|
--chat-background: #141f2e;
|
||||||
|
--home-background: #141f2e;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #1e5c1e !important;
|
||||||
|
--background-surface-highest: #273e5c !important;
|
||||||
|
--background-accent: #273e5c !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffcc33;
|
--text-default: #ffcc33;
|
||||||
--text-1: #ffcc33;
|
--text-strong: #ffcc33 !important;
|
||||||
--text-2: #ffcc33;
|
--text-muted: #1e5c1e !important;
|
||||||
--text-3: #ffcc33;
|
--text-subtle: #a0ffa0;
|
||||||
--text-4: #ffcc33;
|
|
||||||
--text-5: #a0ffa0;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #91ccff !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #91ccff;
|
||||||
--hover: #a2cff51a;
|
--control-brand-foreground: #91ccff;
|
||||||
--active: #a2cff533;
|
--text-link: #a2cff5 !important;
|
||||||
--message-hover: #1e5c1e0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #80ff80;
|
||||||
|
--status-warning: #91ccff;
|
||||||
|
--status-danger: #fffab1;
|
||||||
|
--icon-voice-muted: #fffab1;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #91ccff;
|
||||||
|
--scrollbar-auto-thumb: #91ccff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #141f2e !important;
|
||||||
|
background-color: #91ccff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffcc33;
|
||||||
|
background: #141f2e;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #0099ff; }
|
||||||
|
.hljs-string { color: #80ff80; }
|
||||||
|
.hljs-number { color: #ff8080; }
|
||||||
|
.hljs-comment { color: #a0ffa0; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #c3e88d; /* Green */
|
|
||||||
--dnd-indicator: #4ce587; /* Red */
|
|
||||||
--idle-indicator: #f6cd5c; /* Yellow */
|
|
||||||
--streaming-indicator: #ff84dd; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #82aaff; /* Blue */
|
|
||||||
--accent-2: #5fd1ff; /* Cyan */
|
|
||||||
--accent-3: #5fd1ff;
|
|
||||||
--accent-4: #82aaff;
|
|
||||||
--accent-5: #4ce587;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #182430;
|
|
||||||
--bg-2: #243c54;
|
|
||||||
--bg-3: #182430;
|
|
||||||
--bg-4: #182430;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #182430;
|
||||||
|
--background-base-lowest: #182430 !important;
|
||||||
|
--background-base-lower: #243c54 !important;
|
||||||
|
--background-surface-high: #182430 !important;
|
||||||
|
--chat-background: #182430;
|
||||||
|
--home-background: #182430;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #243c54 !important;
|
||||||
|
--background-surface-highest: #46290a !important;
|
||||||
|
--background-accent: #46290a !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c8e1f8;
|
--text-default: #c8e1f8;
|
||||||
--text-1: #c8e1f8;
|
--text-strong: #c8e1f8 !important;
|
||||||
--text-2: #c8e1f8;
|
--text-muted: #74afe7 !important;
|
||||||
--text-3: #c8e1f8;
|
--text-subtle: #616d78;
|
||||||
--text-4: #c8e1f8;
|
|
||||||
--text-5: #616d78;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ddeaf6 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ddeaf6;
|
||||||
--hover: #82aaff1a;
|
--control-brand-foreground: #ddeaf6;
|
||||||
--active: #82aaff33;
|
--text-link: #82aaff !important;
|
||||||
--message-hover: #243c540a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #c3e88d;
|
||||||
|
--status-warning: #f6cd5c;
|
||||||
|
--status-danger: #4ce587;
|
||||||
|
--icon-voice-muted: #4ce587;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ddeaf6;
|
||||||
|
--scrollbar-auto-thumb: #ddeaf6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #182430 !important;
|
||||||
|
background-color: #ddeaf6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c8e1f8;
|
||||||
|
background: #182430;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ff84dd; }
|
||||||
|
.hljs-string { color: #c3e88d; }
|
||||||
|
.hljs-number { color: #f6a85c; }
|
||||||
|
.hljs-comment { color: #616d78; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #e7ff99; /* Green */
|
|
||||||
--dnd-indicator: #ffbfa5; /* Red */
|
|
||||||
--idle-indicator: #fff299; /* Yellow */
|
|
||||||
--streaming-indicator: #f2bfd9; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #ccbfd9; /* Blue */
|
|
||||||
--accent-2: #bfffc5; /* Cyan */
|
|
||||||
--accent-3: #bfffc5;
|
|
||||||
--accent-4: #ccbfd9;
|
|
||||||
--accent-5: #ffbfa5;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #191914;
|
|
||||||
--bg-2: #3a3a2e;
|
|
||||||
--bg-3: #191914;
|
|
||||||
--bg-4: #191914;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #191914;
|
||||||
|
--background-base-lowest: #191914 !important;
|
||||||
|
--background-base-lower: #3a3a2e !important;
|
||||||
|
--background-surface-high: #191914 !important;
|
||||||
|
--chat-background: #191914;
|
||||||
|
--home-background: #191914;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #3a3a2e !important;
|
||||||
|
--background-surface-highest: #5b5b49 !important;
|
||||||
|
--background-accent: #5b5b49 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #bdbd97;
|
--text-default: #bdbd97;
|
||||||
--text-1: #bdbd97;
|
--text-strong: #bdbd97 !important;
|
||||||
--text-2: #bdbd97;
|
--text-muted: #9c9c7d !important;
|
||||||
--text-3: #bdbd97;
|
--text-subtle: #7c7c63;
|
||||||
--text-4: #bdbd97;
|
|
||||||
--text-5: #7c7c63;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dedeb2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dedeb2;
|
||||||
--hover: #ccbfd91a;
|
--control-brand-foreground: #dedeb2;
|
||||||
--active: #ccbfd933;
|
--text-link: #ccbfd9 !important;
|
||||||
--message-hover: #3a3a2e0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #e7ff99;
|
||||||
|
--status-warning: #fff299;
|
||||||
|
--status-danger: #ffbfa5;
|
||||||
|
--icon-voice-muted: #ffbfa5;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dedeb2;
|
||||||
|
--scrollbar-auto-thumb: #dedeb2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #191914 !important;
|
||||||
|
background-color: #dedeb2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #bdbd97;
|
||||||
|
background: #191914;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #f2bfd9; }
|
||||||
|
.hljs-string { color: #e7ff99; }
|
||||||
|
.hljs-number { color: #ffdc99; }
|
||||||
|
.hljs-comment { color: #7c7c63; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #31a354; /* Green */
|
|
||||||
--dnd-indicator: #e31a1c; /* Red */
|
|
||||||
--idle-indicator: #dca060; /* Yellow */
|
|
||||||
--streaming-indicator: #756bb1; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #3182bd; /* Blue */
|
|
||||||
--accent-2: #80b1d3; /* Cyan */
|
|
||||||
--accent-3: #80b1d3;
|
|
||||||
--accent-4: #3182bd;
|
|
||||||
--accent-5: #e31a1c;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #0c0d0e;
|
|
||||||
--bg-2: #2e2f30;
|
|
||||||
--bg-3: #0c0d0e;
|
|
||||||
--bg-4: #0c0d0e;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #0c0d0e;
|
||||||
|
--background-base-lowest: #0c0d0e !important;
|
||||||
|
--background-base-lower: #2e2f30 !important;
|
||||||
|
--background-surface-high: #0c0d0e !important;
|
||||||
|
--chat-background: #0c0d0e;
|
||||||
|
--home-background: #0c0d0e;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #2e2f30 !important;
|
||||||
|
--background-surface-highest: #515253 !important;
|
||||||
|
--background-accent: #515253 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #b7b8b9;
|
--text-default: #b7b8b9;
|
||||||
--text-1: #b7b8b9;
|
--text-strong: #b7b8b9 !important;
|
||||||
--text-2: #b7b8b9;
|
--text-muted: #959697 !important;
|
||||||
--text-3: #b7b8b9;
|
--text-subtle: #737475;
|
||||||
--text-4: #b7b8b9;
|
|
||||||
--text-5: #737475;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dadbdc !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dadbdc;
|
||||||
--hover: #3182bd1a;
|
--control-brand-foreground: #dadbdc;
|
||||||
--active: #3182bd33;
|
--text-link: #3182bd !important;
|
||||||
--message-hover: #2e2f300a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #31a354;
|
||||||
|
--status-warning: #dca060;
|
||||||
|
--status-danger: #e31a1c;
|
||||||
|
--icon-voice-muted: #e31a1c;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dadbdc;
|
||||||
|
--scrollbar-auto-thumb: #dadbdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #0c0d0e !important;
|
||||||
|
background-color: #dadbdc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #b7b8b9;
|
||||||
|
background: #0c0d0e;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #756bb1; }
|
||||||
|
.hljs-string { color: #31a354; }
|
||||||
|
.hljs-number { color: #e6550d; }
|
||||||
|
.hljs-comment { color: #737475; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a1c659; /* Green */
|
|
||||||
--dnd-indicator: #fb0120; /* Red */
|
|
||||||
--idle-indicator: #fda331; /* Yellow */
|
|
||||||
--streaming-indicator: #d381c3; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6fb3d2; /* Blue */
|
|
||||||
--accent-2: #76c7b7; /* Cyan */
|
|
||||||
--accent-3: #76c7b7;
|
|
||||||
--accent-4: #6fb3d2;
|
|
||||||
--accent-5: #fb0120;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #303030;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #303030 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #303030 !important;
|
||||||
|
--background-surface-highest: #505050 !important;
|
||||||
|
--background-accent: #505050 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #e0e0e0;
|
--text-default: #e0e0e0;
|
||||||
--text-1: #e0e0e0;
|
--text-strong: #e0e0e0 !important;
|
||||||
--text-2: #e0e0e0;
|
--text-muted: #d0d0d0 !important;
|
||||||
--text-3: #e0e0e0;
|
--text-subtle: #b0b0b0;
|
||||||
--text-4: #e0e0e0;
|
|
||||||
--text-5: #b0b0b0;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f5f5f5 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f5f5f5;
|
||||||
--hover: #6fb3d21a;
|
--control-brand-foreground: #f5f5f5;
|
||||||
--active: #6fb3d233;
|
--text-link: #6fb3d2 !important;
|
||||||
--message-hover: #3030300a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a1c659;
|
||||||
|
--status-warning: #fda331;
|
||||||
|
--status-danger: #fb0120;
|
||||||
|
--icon-voice-muted: #fb0120;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f5f5f5;
|
||||||
|
--scrollbar-auto-thumb: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #f5f5f5 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #e0e0e0;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #d381c3; }
|
||||||
|
.hljs-string { color: #a1c659; }
|
||||||
|
.hljs-number { color: #fc6d24; }
|
||||||
|
.hljs-comment { color: #b0b0b0; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #f3bd09; /* Green */
|
|
||||||
--dnd-indicator: #d6dbe5; /* Red */
|
|
||||||
--idle-indicator: #1dd361; /* Yellow */
|
|
||||||
--streaming-indicator: #0f7ddb; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5350b9; /* Blue */
|
|
||||||
--accent-2: #1081d6; /* Cyan */
|
|
||||||
--accent-3: #1081d6;
|
|
||||||
--accent-4: #5350b9;
|
|
||||||
--accent-5: #d6dbe5;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1f1f1f;
|
|
||||||
--bg-2: #f81118;
|
|
||||||
--bg-3: #1f1f1f;
|
|
||||||
--bg-4: #1f1f1f;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1f1f1f;
|
||||||
|
--background-base-lowest: #1f1f1f !important;
|
||||||
|
--background-base-lower: #f81118 !important;
|
||||||
|
--background-surface-high: #1f1f1f !important;
|
||||||
|
--chat-background: #1f1f1f;
|
||||||
|
--home-background: #1f1f1f;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #f81118 !important;
|
||||||
|
--background-surface-highest: #2dc55e !important;
|
||||||
|
--background-accent: #2dc55e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #4e5ab7;
|
--text-default: #4e5ab7;
|
||||||
--text-1: #4e5ab7;
|
--text-strong: #4e5ab7 !important;
|
||||||
--text-2: #4e5ab7;
|
--text-muted: #2a84d2 !important;
|
||||||
--text-3: #4e5ab7;
|
--text-subtle: #ecba0f;
|
||||||
--text-4: #4e5ab7;
|
|
||||||
--text-5: #ecba0f;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #1081d6 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #1081d6;
|
||||||
--hover: #5350b91a;
|
--control-brand-foreground: #1081d6;
|
||||||
--active: #5350b933;
|
--text-link: #5350b9 !important;
|
||||||
--message-hover: #f811180a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #f3bd09;
|
||||||
|
--status-warning: #1dd361;
|
||||||
|
--status-danger: #d6dbe5;
|
||||||
|
--icon-voice-muted: #d6dbe5;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #1081d6;
|
||||||
|
--scrollbar-auto-thumb: #1081d6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1f1f1f !important;
|
||||||
|
background-color: #1081d6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #4e5ab7;
|
||||||
|
background: #1f1f1f;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #0f7ddb; }
|
||||||
|
.hljs-string { color: #f3bd09; }
|
||||||
|
.hljs-number { color: #de352e; }
|
||||||
|
.hljs-comment { color: #ecba0f; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #87b386; /* Green */
|
|
||||||
--dnd-indicator: #b38686; /* Red */
|
|
||||||
--idle-indicator: #aab386; /* Yellow */
|
|
||||||
--streaming-indicator: #b386b2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #868cb3; /* Blue */
|
|
||||||
--accent-2: #86b3b3; /* Cyan */
|
|
||||||
--accent-3: #86b3b3;
|
|
||||||
--accent-4: #868cb3;
|
|
||||||
--accent-5: #b38686;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #e3efef;
|
|
||||||
--bg-2: #c9dbdc;
|
|
||||||
--bg-3: #e3efef;
|
|
||||||
--bg-4: #e3efef;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #e3efef;
|
||||||
|
--background-base-lowest: #e3efef !important;
|
||||||
|
--background-base-lower: #c9dbdc !important;
|
||||||
|
--background-surface-high: #e3efef !important;
|
||||||
|
--chat-background: #e3efef;
|
||||||
|
--home-background: #e3efef;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #c9dbdc !important;
|
||||||
|
--background-surface-highest: #b0c5c8 !important;
|
||||||
|
--background-accent: #b0c5c8 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #6d828e;
|
--text-default: #6d828e;
|
||||||
--text-1: #6d828e;
|
--text-strong: #6d828e !important;
|
||||||
--text-2: #6d828e;
|
--text-muted: #8299a1 !important;
|
||||||
--text-3: #6d828e;
|
--text-subtle: #98afb5;
|
||||||
--text-4: #6d828e;
|
|
||||||
--text-5: #98afb5;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #5a6d7a !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #5a6d7a;
|
||||||
--hover: #868cb31a;
|
--control-brand-foreground: #5a6d7a;
|
||||||
--active: #868cb333;
|
--text-link: #868cb3 !important;
|
||||||
--message-hover: #c9dbdc0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #87b386;
|
||||||
|
--status-warning: #aab386;
|
||||||
|
--status-danger: #b38686;
|
||||||
|
--icon-voice-muted: #b38686;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #5a6d7a;
|
||||||
|
--scrollbar-auto-thumb: #5a6d7a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #e3efef !important;
|
||||||
|
background-color: #5a6d7a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #6d828e;
|
||||||
|
background: #e3efef;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b386b2; }
|
||||||
|
.hljs-string { color: #87b386; }
|
||||||
|
.hljs-number { color: #d8bba2; }
|
||||||
|
.hljs-comment { color: #98afb5; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #87b386; /* Green */
|
|
||||||
--dnd-indicator: #b38686; /* Red */
|
|
||||||
--idle-indicator: #aab386; /* Yellow */
|
|
||||||
--streaming-indicator: #b386b2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #868cb3; /* Blue */
|
|
||||||
--accent-2: #86b3b3; /* Cyan */
|
|
||||||
--accent-3: #86b3b3;
|
|
||||||
--accent-4: #868cb3;
|
|
||||||
--accent-5: #b38686;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #485867;
|
|
||||||
--bg-2: #5a6d7a;
|
|
||||||
--bg-3: #485867;
|
|
||||||
--bg-4: #485867;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #485867;
|
||||||
|
--background-base-lowest: #485867 !important;
|
||||||
|
--background-base-lower: #5a6d7a !important;
|
||||||
|
--background-surface-high: #485867 !important;
|
||||||
|
--chat-background: #485867;
|
||||||
|
--home-background: #485867;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #5a6d7a !important;
|
||||||
|
--background-surface-highest: #6d828e !important;
|
||||||
|
--background-accent: #6d828e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #b0c5c8;
|
--text-default: #b0c5c8;
|
||||||
--text-1: #b0c5c8;
|
--text-strong: #b0c5c8 !important;
|
||||||
--text-2: #b0c5c8;
|
--text-muted: #98afb5 !important;
|
||||||
--text-3: #b0c5c8;
|
--text-subtle: #8299a1;
|
||||||
--text-4: #b0c5c8;
|
|
||||||
--text-5: #8299a1;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #c9dbdc !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #c9dbdc;
|
||||||
--hover: #868cb31a;
|
--control-brand-foreground: #c9dbdc;
|
||||||
--active: #868cb333;
|
--text-link: #868cb3 !important;
|
||||||
--message-hover: #5a6d7a0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #87b386;
|
||||||
|
--status-warning: #aab386;
|
||||||
|
--status-danger: #b38686;
|
||||||
|
--icon-voice-muted: #b38686;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #c9dbdc;
|
||||||
|
--scrollbar-auto-thumb: #c9dbdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #485867 !important;
|
||||||
|
background-color: #c9dbdc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #b0c5c8;
|
||||||
|
background: #485867;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b386b2; }
|
||||||
|
.hljs-string { color: #87b386; }
|
||||||
|
.hljs-number { color: #d8bba2; }
|
||||||
|
.hljs-comment { color: #8299a1; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #806c61; /* Green */
|
|
||||||
--dnd-indicator: #c24f57; /* Red */
|
|
||||||
--idle-indicator: #f28171; /* Yellow */
|
|
||||||
--streaming-indicator: #a63650; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #684c59; /* Blue */
|
|
||||||
--accent-2: #6b6566; /* Cyan */
|
|
||||||
--accent-3: #6b6566;
|
|
||||||
--accent-4: #684c59;
|
|
||||||
--accent-5: #c24f57;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1c1213;
|
|
||||||
--bg-2: #3a2425;
|
|
||||||
--bg-3: #1c1213;
|
|
||||||
--bg-4: #1c1213;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1c1213;
|
||||||
|
--background-base-lowest: #1c1213 !important;
|
||||||
|
--background-base-lower: #3a2425 !important;
|
||||||
|
--background-surface-high: #1c1213 !important;
|
||||||
|
--chat-background: #1c1213;
|
||||||
|
--home-background: #1c1213;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #3a2425 !important;
|
||||||
|
--background-surface-highest: #563837 !important;
|
||||||
|
--background-accent: #563837 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a87569;
|
--text-default: #a87569;
|
||||||
--text-1: #a87569;
|
--text-strong: #a87569 !important;
|
||||||
--text-2: #a87569;
|
--text-muted: #8b5d57 !important;
|
||||||
--text-3: #a87569;
|
--text-subtle: #6d4745;
|
||||||
--text-4: #a87569;
|
|
||||||
--text-5: #6d4745;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #c58d7b !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #c58d7b;
|
||||||
--hover: #684c591a;
|
--control-brand-foreground: #c58d7b;
|
||||||
--active: #684c5933;
|
--text-link: #684c59 !important;
|
||||||
--message-hover: #3a24250a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #806c61;
|
||||||
|
--status-warning: #f28171;
|
||||||
|
--status-danger: #c24f57;
|
||||||
|
--icon-voice-muted: #c24f57;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #c58d7b;
|
||||||
|
--scrollbar-auto-thumb: #c58d7b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1c1213 !important;
|
||||||
|
background-color: #c58d7b !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a87569;
|
||||||
|
background: #1c1213;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a63650; }
|
||||||
|
.hljs-string { color: #806c61; }
|
||||||
|
.hljs-number { color: #a63650; }
|
||||||
|
.hljs-comment { color: #6d4745; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a6d189; /* Green */
|
|
||||||
--dnd-indicator: #e78284; /* Red */
|
|
||||||
--idle-indicator: #e5c890; /* Yellow */
|
|
||||||
--streaming-indicator: #ca9ee6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #8caaee; /* Blue */
|
|
||||||
--accent-2: #81c8be; /* Cyan */
|
|
||||||
--accent-3: #81c8be;
|
|
||||||
--accent-4: #8caaee;
|
|
||||||
--accent-5: #e78284;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #303446;
|
|
||||||
--bg-2: #292c3c;
|
|
||||||
--bg-3: #303446;
|
|
||||||
--bg-4: #303446;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #303446;
|
||||||
|
--background-base-lowest: #303446 !important;
|
||||||
|
--background-base-lower: #292c3c !important;
|
||||||
|
--background-surface-high: #303446 !important;
|
||||||
|
--chat-background: #303446;
|
||||||
|
--home-background: #303446;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #292c3c !important;
|
||||||
|
--background-surface-highest: #414559 !important;
|
||||||
|
--background-accent: #414559 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c6d0f5;
|
--text-default: #c6d0f5;
|
||||||
--text-1: #c6d0f5;
|
--text-strong: #c6d0f5 !important;
|
||||||
--text-2: #c6d0f5;
|
--text-muted: #626880 !important;
|
||||||
--text-3: #c6d0f5;
|
--text-subtle: #51576d;
|
||||||
--text-4: #c6d0f5;
|
|
||||||
--text-5: #51576d;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f2d5cf !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f2d5cf;
|
||||||
--hover: #8caaee1a;
|
--control-brand-foreground: #f2d5cf;
|
||||||
--active: #8caaee33;
|
--text-link: #8caaee !important;
|
||||||
--message-hover: #292c3c0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a6d189;
|
||||||
|
--status-warning: #e5c890;
|
||||||
|
--status-danger: #e78284;
|
||||||
|
--icon-voice-muted: #e78284;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f2d5cf;
|
||||||
|
--scrollbar-auto-thumb: #f2d5cf;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #303446 !important;
|
||||||
|
background-color: #f2d5cf !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c6d0f5;
|
||||||
|
background: #303446;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ca9ee6; }
|
||||||
|
.hljs-string { color: #a6d189; }
|
||||||
|
.hljs-number { color: #ef9f76; }
|
||||||
|
.hljs-comment { color: #51576d; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #40a02b; /* Green */
|
|
||||||
--dnd-indicator: #d20f39; /* Red */
|
|
||||||
--idle-indicator: #df8e1d; /* Yellow */
|
|
||||||
--streaming-indicator: #8839ef; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #1e66f5; /* Blue */
|
|
||||||
--accent-2: #179299; /* Cyan */
|
|
||||||
--accent-3: #179299;
|
|
||||||
--accent-4: #1e66f5;
|
|
||||||
--accent-5: #d20f39;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #eff1f5;
|
|
||||||
--bg-2: #e6e9ef;
|
|
||||||
--bg-3: #eff1f5;
|
|
||||||
--bg-4: #eff1f5;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #eff1f5;
|
||||||
|
--background-base-lowest: #eff1f5 !important;
|
||||||
|
--background-base-lower: #e6e9ef !important;
|
||||||
|
--background-surface-high: #eff1f5 !important;
|
||||||
|
--chat-background: #eff1f5;
|
||||||
|
--home-background: #eff1f5;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e6e9ef !important;
|
||||||
|
--background-surface-highest: #ccd0da !important;
|
||||||
|
--background-accent: #ccd0da !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #4c4f69;
|
--text-default: #4c4f69;
|
||||||
--text-1: #4c4f69;
|
--text-strong: #4c4f69 !important;
|
||||||
--text-2: #4c4f69;
|
--text-muted: #acb0be !important;
|
||||||
--text-3: #4c4f69;
|
--text-subtle: #bcc0cc;
|
||||||
--text-4: #4c4f69;
|
|
||||||
--text-5: #bcc0cc;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dc8a78 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dc8a78;
|
||||||
--hover: #1e66f51a;
|
--control-brand-foreground: #dc8a78;
|
||||||
--active: #1e66f533;
|
--text-link: #1e66f5 !important;
|
||||||
--message-hover: #e6e9ef0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #40a02b;
|
||||||
|
--status-warning: #df8e1d;
|
||||||
|
--status-danger: #d20f39;
|
||||||
|
--icon-voice-muted: #d20f39;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dc8a78;
|
||||||
|
--scrollbar-auto-thumb: #dc8a78;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #eff1f5 !important;
|
||||||
|
background-color: #dc8a78 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #4c4f69;
|
||||||
|
background: #eff1f5;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #8839ef; }
|
||||||
|
.hljs-string { color: #40a02b; }
|
||||||
|
.hljs-number { color: #fe640b; }
|
||||||
|
.hljs-comment { color: #bcc0cc; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a6da95; /* Green */
|
|
||||||
--dnd-indicator: #ed8796; /* Red */
|
|
||||||
--idle-indicator: #eed49f; /* Yellow */
|
|
||||||
--streaming-indicator: #c6a0f6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #8aadf4; /* Blue */
|
|
||||||
--accent-2: #8bd5ca; /* Cyan */
|
|
||||||
--accent-3: #8bd5ca;
|
|
||||||
--accent-4: #8aadf4;
|
|
||||||
--accent-5: #ed8796;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #24273a;
|
|
||||||
--bg-2: #1e2030;
|
|
||||||
--bg-3: #24273a;
|
|
||||||
--bg-4: #24273a;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #24273a;
|
||||||
|
--background-base-lowest: #24273a !important;
|
||||||
|
--background-base-lower: #1e2030 !important;
|
||||||
|
--background-surface-high: #24273a !important;
|
||||||
|
--chat-background: #24273a;
|
||||||
|
--home-background: #24273a;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #1e2030 !important;
|
||||||
|
--background-surface-highest: #363a4f !important;
|
||||||
|
--background-accent: #363a4f !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #cad3f5;
|
--text-default: #cad3f5;
|
||||||
--text-1: #cad3f5;
|
--text-strong: #cad3f5 !important;
|
||||||
--text-2: #cad3f5;
|
--text-muted: #5b6078 !important;
|
||||||
--text-3: #cad3f5;
|
--text-subtle: #494d64;
|
||||||
--text-4: #cad3f5;
|
|
||||||
--text-5: #494d64;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f4dbd6 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f4dbd6;
|
||||||
--hover: #8aadf41a;
|
--control-brand-foreground: #f4dbd6;
|
||||||
--active: #8aadf433;
|
--text-link: #8aadf4 !important;
|
||||||
--message-hover: #1e20300a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a6da95;
|
||||||
|
--status-warning: #eed49f;
|
||||||
|
--status-danger: #ed8796;
|
||||||
|
--icon-voice-muted: #ed8796;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f4dbd6;
|
||||||
|
--scrollbar-auto-thumb: #f4dbd6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #24273a !important;
|
||||||
|
background-color: #f4dbd6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #cad3f5;
|
||||||
|
background: #24273a;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c6a0f6; }
|
||||||
|
.hljs-string { color: #a6da95; }
|
||||||
|
.hljs-number { color: #f5a97f; }
|
||||||
|
.hljs-comment { color: #494d64; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a6e3a1; /* Green */
|
|
||||||
--dnd-indicator: #f38ba8; /* Red */
|
|
||||||
--idle-indicator: #f9e2af; /* Yellow */
|
|
||||||
--streaming-indicator: #cba6f7; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #89b4fa; /* Blue */
|
|
||||||
--accent-2: #94e2d5; /* Cyan */
|
|
||||||
--accent-3: #94e2d5;
|
|
||||||
--accent-4: #89b4fa;
|
|
||||||
--accent-5: #f38ba8;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1e1e2e;
|
|
||||||
--bg-2: #181825;
|
|
||||||
--bg-3: #1e1e2e;
|
|
||||||
--bg-4: #1e1e2e;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1e1e2e;
|
||||||
|
--background-base-lowest: #1e1e2e !important;
|
||||||
|
--background-base-lower: #181825 !important;
|
||||||
|
--background-surface-high: #1e1e2e !important;
|
||||||
|
--chat-background: #1e1e2e;
|
||||||
|
--home-background: #1e1e2e;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #181825 !important;
|
||||||
|
--background-surface-highest: #313244 !important;
|
||||||
|
--background-accent: #313244 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #cdd6f4;
|
--text-default: #cdd6f4;
|
||||||
--text-1: #cdd6f4;
|
--text-strong: #cdd6f4 !important;
|
||||||
--text-2: #cdd6f4;
|
--text-muted: #585b70 !important;
|
||||||
--text-3: #cdd6f4;
|
--text-subtle: #45475a;
|
||||||
--text-4: #cdd6f4;
|
|
||||||
--text-5: #45475a;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f5e0dc !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f5e0dc;
|
||||||
--hover: #89b4fa1a;
|
--control-brand-foreground: #f5e0dc;
|
||||||
--active: #89b4fa33;
|
--text-link: #89b4fa !important;
|
||||||
--message-hover: #1818250a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a6e3a1;
|
||||||
|
--status-warning: #f9e2af;
|
||||||
|
--status-danger: #f38ba8;
|
||||||
|
--icon-voice-muted: #f38ba8;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f5e0dc;
|
||||||
|
--scrollbar-auto-thumb: #f5e0dc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1e1e2e !important;
|
||||||
|
background-color: #f5e0dc !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #cdd6f4;
|
||||||
|
background: #1e1e2e;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cba6f7; }
|
||||||
|
.hljs-string { color: #a6e3a1; }
|
||||||
|
.hljs-number { color: #fab387; }
|
||||||
|
.hljs-comment { color: #45475a; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #acc267; /* Green */
|
|
||||||
--dnd-indicator: #fb9fb1; /* Red */
|
|
||||||
--idle-indicator: #ddb26f; /* Yellow */
|
|
||||||
--streaming-indicator: #e1a3ee; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6fc2ef; /* Blue */
|
|
||||||
--accent-2: #12cfc0; /* Cyan */
|
|
||||||
--accent-3: #12cfc0;
|
|
||||||
--accent-4: #6fc2ef;
|
|
||||||
--accent-5: #fb9fb1;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #151515;
|
|
||||||
--bg-2: #202020;
|
|
||||||
--bg-3: #151515;
|
|
||||||
--bg-4: #151515;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #151515;
|
||||||
|
--background-base-lowest: #151515 !important;
|
||||||
|
--background-base-lower: #202020 !important;
|
||||||
|
--background-surface-high: #151515 !important;
|
||||||
|
--chat-background: #151515;
|
||||||
|
--home-background: #151515;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #202020 !important;
|
||||||
|
--background-surface-highest: #303030 !important;
|
||||||
|
--background-accent: #303030 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d0d0d0;
|
--text-default: #d0d0d0;
|
||||||
--text-1: #d0d0d0;
|
--text-strong: #d0d0d0 !important;
|
||||||
--text-2: #d0d0d0;
|
--text-muted: #b0b0b0 !important;
|
||||||
--text-3: #d0d0d0;
|
--text-subtle: #505050;
|
||||||
--text-4: #d0d0d0;
|
|
||||||
--text-5: #505050;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e0e0e0;
|
||||||
--hover: #6fc2ef1a;
|
--control-brand-foreground: #e0e0e0;
|
||||||
--active: #6fc2ef33;
|
--text-link: #6fc2ef !important;
|
||||||
--message-hover: #2020200a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #acc267;
|
||||||
|
--status-warning: #ddb26f;
|
||||||
|
--status-danger: #fb9fb1;
|
||||||
|
--icon-voice-muted: #fb9fb1;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e0e0e0;
|
||||||
|
--scrollbar-auto-thumb: #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #151515 !important;
|
||||||
|
background-color: #e0e0e0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d0d0d0;
|
||||||
|
background: #151515;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e1a3ee; }
|
||||||
|
.hljs-string { color: #acc267; }
|
||||||
|
.hljs-number { color: #eda987; }
|
||||||
|
.hljs-comment { color: #505050; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #dec8a7; /* Green */
|
|
||||||
--dnd-indicator: #a88c62; /* Red */
|
|
||||||
--idle-indicator: #dec8a7; /* Yellow */
|
|
||||||
--streaming-indicator: #a88c62; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #c3a983; /* Blue */
|
|
||||||
--accent-2: #dec8a7; /* Cyan */
|
|
||||||
--accent-3: #dec8a7;
|
|
||||||
--accent-4: #c3a983;
|
|
||||||
--accent-5: #a88c62;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #0f0b05;
|
|
||||||
--bg-2: #231b0e;
|
|
||||||
--bg-3: #0f0b05;
|
|
||||||
--bg-4: #0f0b05;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #0f0b05;
|
||||||
|
--background-base-lowest: #0f0b05 !important;
|
||||||
|
--background-base-lower: #231b0e !important;
|
||||||
|
--background-surface-high: #0f0b05 !important;
|
||||||
|
--chat-background: #0f0b05;
|
||||||
|
--home-background: #0f0b05;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #231b0e !important;
|
||||||
|
--background-surface-highest: #2a2012 !important;
|
||||||
|
--background-accent: #2a2012 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c3a983;
|
--text-default: #c3a983;
|
||||||
--text-1: #c3a983;
|
--text-strong: #c3a983 !important;
|
||||||
--text-2: #c3a983;
|
--text-muted: #a88c62 !important;
|
||||||
--text-3: #c3a983;
|
--text-subtle: #57462c;
|
||||||
--text-4: #c3a983;
|
|
||||||
--text-5: #57462c;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dec8a7 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dec8a7;
|
||||||
--hover: #c3a9831a;
|
--control-brand-foreground: #dec8a7;
|
||||||
--active: #c3a98333;
|
--text-link: #c3a983 !important;
|
||||||
--message-hover: #231b0e0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #dec8a7;
|
||||||
|
--status-warning: #dec8a7;
|
||||||
|
--status-danger: #a88c62;
|
||||||
|
--icon-voice-muted: #a88c62;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dec8a7;
|
||||||
|
--scrollbar-auto-thumb: #dec8a7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #0f0b05 !important;
|
||||||
|
background-color: #dec8a7 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c3a983;
|
||||||
|
background: #0f0b05;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a88c62; }
|
||||||
|
.hljs-string { color: #dec8a7; }
|
||||||
|
.hljs-number { color: #dec8a7; }
|
||||||
|
.hljs-comment { color: #57462c; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #110e06; /* Green */
|
|
||||||
--dnd-indicator: #382e1b; /* Red */
|
|
||||||
--idle-indicator: #110e06; /* Yellow */
|
|
||||||
--streaming-indicator: #382e1b; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #251e0f; /* Blue */
|
|
||||||
--accent-2: #110e06; /* Cyan */
|
|
||||||
--accent-3: #110e06;
|
|
||||||
--accent-4: #251e0f;
|
|
||||||
--accent-5: #382e1b;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #cabda0;
|
|
||||||
--bg-2: #bcad8c;
|
|
||||||
--bg-3: #cabda0;
|
|
||||||
--bg-4: #cabda0;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #cabda0;
|
||||||
|
--background-base-lowest: #cabda0 !important;
|
||||||
|
--background-base-lower: #bcad8c !important;
|
||||||
|
--background-surface-high: #cabda0 !important;
|
||||||
|
--chat-background: #cabda0;
|
||||||
|
--home-background: #cabda0;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #bcad8c !important;
|
||||||
|
--background-surface-highest: #af9f7d !important;
|
||||||
|
--background-accent: #af9f7d !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #382e1b;
|
--text-default: #382e1b;
|
||||||
--text-1: #382e1b;
|
--text-strong: #382e1b !important;
|
||||||
--text-2: #382e1b;
|
--text-muted: #110e06 !important;
|
||||||
--text-3: #382e1b;
|
--text-subtle: #645538;
|
||||||
--text-4: #382e1b;
|
|
||||||
--text-5: #645538;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #4b3e26 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #4b3e26;
|
||||||
--hover: #251e0f1a;
|
--control-brand-foreground: #4b3e26;
|
||||||
--active: #251e0f33;
|
--text-link: #251e0f !important;
|
||||||
--message-hover: #bcad8c0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #110e06;
|
||||||
|
--status-warning: #110e06;
|
||||||
|
--status-danger: #382e1b;
|
||||||
|
--icon-voice-muted: #382e1b;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #4b3e26;
|
||||||
|
--scrollbar-auto-thumb: #4b3e26;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #cabda0 !important;
|
||||||
|
background-color: #4b3e26 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #382e1b;
|
||||||
|
background: #cabda0;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #382e1b; }
|
||||||
|
.hljs-string { color: #110e06; }
|
||||||
|
.hljs-number { color: #110e06; }
|
||||||
|
.hljs-comment { color: #645538; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #009b3a; /* Green */
|
|
||||||
--dnd-indicator: #c60c30; /* Red */
|
|
||||||
--idle-indicator: #968400; /* Yellow */
|
|
||||||
--streaming-indicator: #e27ea6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #522398; /* Blue */
|
|
||||||
--accent-2: #00a1de; /* Cyan */
|
|
||||||
--accent-3: #00a1de;
|
|
||||||
--accent-4: #522398;
|
|
||||||
--accent-5: #c60c30;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #e8f0ea;
|
|
||||||
--bg-2: #d1e0d7;
|
|
||||||
--bg-3: #e8f0ea;
|
|
||||||
--bg-4: #e8f0ea;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #e8f0ea;
|
||||||
|
--background-base-lowest: #e8f0ea !important;
|
||||||
|
--background-base-lower: #d1e0d7 !important;
|
||||||
|
--background-surface-high: #e8f0ea !important;
|
||||||
|
--chat-background: #e8f0ea;
|
||||||
|
--home-background: #e8f0ea;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #d1e0d7 !important;
|
||||||
|
--background-surface-highest: #b9d0c3 !important;
|
||||||
|
--background-accent: #b9d0c3 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #364c40;
|
--text-default: #364c40;
|
||||||
--text-1: #364c40;
|
--text-strong: #364c40 !important;
|
||||||
--text-2: #364c40;
|
--text-muted: #4b5a51 !important;
|
||||||
--text-3: #364c40;
|
--text-subtle: #8a9a91;
|
||||||
--text-4: #364c40;
|
|
||||||
--text-5: #8a9a91;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #2a3b32 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #2a3b32;
|
||||||
--hover: #5223981a;
|
--control-brand-foreground: #2a3b32;
|
||||||
--active: #52239833;
|
--text-link: #522398 !important;
|
||||||
--message-hover: #d1e0d70a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #009b3a;
|
||||||
|
--status-warning: #968400;
|
||||||
|
--status-danger: #c60c30;
|
||||||
|
--icon-voice-muted: #c60c30;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #2a3b32;
|
||||||
|
--scrollbar-auto-thumb: #2a3b32;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #e8f0ea !important;
|
||||||
|
background-color: #2a3b32 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #364c40;
|
||||||
|
background: #e8f0ea;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e27ea6; }
|
||||||
|
.hljs-string { color: #009b3a; }
|
||||||
|
.hljs-number { color: #f9461c; }
|
||||||
|
.hljs-comment { color: #8a9a91; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #009b3a; /* Green */
|
|
||||||
--dnd-indicator: #c60c30; /* Red */
|
|
||||||
--idle-indicator: #f9e300; /* Yellow */
|
|
||||||
--streaming-indicator: #e27ea6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #522398; /* Blue */
|
|
||||||
--accent-2: #00a1de; /* Cyan */
|
|
||||||
--accent-3: #00a1de;
|
|
||||||
--accent-4: #522398;
|
|
||||||
--accent-5: #c60c30;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1e2a24;
|
|
||||||
--bg-2: #2a3b32;
|
|
||||||
--bg-3: #1e2a24;
|
|
||||||
--bg-4: #1e2a24;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1e2a24;
|
||||||
|
--background-base-lowest: #1e2a24 !important;
|
||||||
|
--background-base-lower: #2a3b32 !important;
|
||||||
|
--background-surface-high: #1e2a24 !important;
|
||||||
|
--chat-background: #1e2a24;
|
||||||
|
--home-background: #1e2a24;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #2a3b32 !important;
|
||||||
|
--background-surface-highest: #364c40 !important;
|
||||||
|
--background-accent: #364c40 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a7b8af;
|
--text-default: #a7b8af;
|
||||||
--text-1: #a7b8af;
|
--text-strong: #a7b8af !important;
|
||||||
--text-2: #a7b8af;
|
--text-muted: #8a9a91 !important;
|
||||||
--text-3: #a7b8af;
|
--text-subtle: #5f7368;
|
||||||
--text-4: #a7b8af;
|
|
||||||
--text-5: #5f7368;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #c1cdc7 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #c1cdc7;
|
||||||
--hover: #5223981a;
|
--control-brand-foreground: #c1cdc7;
|
||||||
--active: #52239833;
|
--text-link: #522398 !important;
|
||||||
--message-hover: #2a3b320a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #009b3a;
|
||||||
|
--status-warning: #f9e300;
|
||||||
|
--status-danger: #c60c30;
|
||||||
|
--icon-voice-muted: #c60c30;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #c1cdc7;
|
||||||
|
--scrollbar-auto-thumb: #c1cdc7;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1e2a24 !important;
|
||||||
|
background-color: #c1cdc7 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a7b8af;
|
||||||
|
background: #1e2a24;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e27ea6; }
|
||||||
|
.hljs-string { color: #009b3a; }
|
||||||
|
.hljs-number { color: #f9461c; }
|
||||||
|
.hljs-comment { color: #5f7368; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #428675; /* Green */
|
|
||||||
--dnd-indicator: #c04851; /* Red */
|
|
||||||
--idle-indicator: #d6a01d; /* Yellow */
|
|
||||||
--streaming-indicator: #c08eaf; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #815c94; /* Blue */
|
|
||||||
--accent-2: #2b73af; /* Cyan */
|
|
||||||
--accent-3: #2b73af;
|
|
||||||
--accent-4: #815c94;
|
|
||||||
--accent-5: #c04851;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #ffffff;
|
|
||||||
--bg-2: #e0e0e0;
|
|
||||||
--bg-3: #ffffff;
|
|
||||||
--bg-4: #ffffff;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #ffffff;
|
||||||
|
--background-base-lowest: #ffffff !important;
|
||||||
|
--background-base-lower: #e0e0e0 !important;
|
||||||
|
--background-surface-high: #ffffff !important;
|
||||||
|
--chat-background: #ffffff;
|
||||||
|
--home-background: #ffffff;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e0e0e0 !important;
|
||||||
|
--background-surface-highest: #d6d6d6 !important;
|
||||||
|
--background-accent: #d6d6d6 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #4a4035;
|
--text-default: #4a4035;
|
||||||
--text-1: #4a4035;
|
--text-strong: #4a4035 !important;
|
||||||
--text-2: #4a4035;
|
--text-muted: #918072 !important;
|
||||||
--text-3: #4a4035;
|
--text-subtle: #80766e;
|
||||||
--text-4: #4a4035;
|
|
||||||
--text-5: #80766e;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #2f2f35 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #2f2f35;
|
||||||
--hover: #815c941a;
|
--control-brand-foreground: #2f2f35;
|
||||||
--active: #815c9433;
|
--text-link: #815c94 !important;
|
||||||
--message-hover: #e0e0e00a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #428675;
|
||||||
|
--status-warning: #d6a01d;
|
||||||
|
--status-danger: #c04851;
|
||||||
|
--icon-voice-muted: #c04851;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #2f2f35;
|
||||||
|
--scrollbar-auto-thumb: #2f2f35;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #ffffff !important;
|
||||||
|
background-color: #2f2f35 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #4a4035;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c08eaf; }
|
||||||
|
.hljs-string { color: #428675; }
|
||||||
|
.hljs-number { color: #fb8b05; }
|
||||||
|
.hljs-comment { color: #80766e; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #aeb831; /* Green */
|
|
||||||
--dnd-indicator: #ed5a56; /* Red */
|
|
||||||
--idle-indicator: #fbb957; /* Yellow */
|
|
||||||
--streaming-indicator: #cf8997; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #81a2a2; /* Blue */
|
|
||||||
--accent-2: #88b68d; /* Cyan */
|
|
||||||
--accent-3: #88b68d;
|
|
||||||
--accent-4: #81a2a2;
|
|
||||||
--accent-5: #ed5a56;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1d1d1d;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #1d1d1d;
|
|
||||||
--bg-4: #1d1d1d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1d1d1d;
|
||||||
|
--background-base-lowest: #1d1d1d !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #1d1d1d !important;
|
||||||
|
--chat-background: #1d1d1d;
|
||||||
|
--home-background: #1d1d1d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #373737 !important;
|
||||||
|
--background-accent: #373737 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c4cbcf;
|
--text-default: #c4cbcf;
|
||||||
--text-1: #c4cbcf;
|
--text-strong: #c4cbcf !important;
|
||||||
--text-2: #c4cbcf;
|
--text-muted: #bdaead !important;
|
||||||
--text-3: #c4cbcf;
|
--text-subtle: #918072;
|
||||||
--text-4: #c4cbcf;
|
|
||||||
--text-5: #918072;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #eee7f2;
|
||||||
--hover: #81a2a21a;
|
--control-brand-foreground: #eee7f2;
|
||||||
--active: #81a2a233;
|
--text-link: #81a2a2 !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #aeb831;
|
||||||
|
--status-warning: #fbb957;
|
||||||
|
--status-danger: #ed5a56;
|
||||||
|
--icon-voice-muted: #ed5a56;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #eee7f2;
|
||||||
|
--scrollbar-auto-thumb: #eee7f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1d1d1d !important;
|
||||||
|
background-color: #eee7f2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c4cbcf;
|
||||||
|
background: #1d1d1d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cf8997; }
|
||||||
|
.hljs-string { color: #aeb831; }
|
||||||
|
.hljs-number { color: #fc8c23; }
|
||||||
|
.hljs-comment { color: #918072; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #8ca07b; /* Green */
|
|
||||||
--dnd-indicator: #c06061; /* Red */
|
|
||||||
--idle-indicator: #e5bc84; /* Yellow */
|
|
||||||
--streaming-indicator: #98a1d8; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #839ec9; /* Blue */
|
|
||||||
--accent-2: #5e8c9b; /* Cyan */
|
|
||||||
--accent-3: #5e8c9b;
|
|
||||||
--accent-4: #839ec9;
|
|
||||||
--accent-5: #c06061;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1d1d1d;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #1d1d1d;
|
|
||||||
--bg-4: #1d1d1d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1d1d1d;
|
||||||
|
--background-base-lowest: #1d1d1d !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #1d1d1d !important;
|
||||||
|
--chat-background: #1d1d1d;
|
||||||
|
--home-background: #1d1d1d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #373737 !important;
|
||||||
|
--background-accent: #373737 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c4cbcf;
|
--text-default: #c4cbcf;
|
||||||
--text-1: #c4cbcf;
|
--text-strong: #c4cbcf !important;
|
||||||
--text-2: #c4cbcf;
|
--text-muted: #bdaead !important;
|
||||||
--text-3: #c4cbcf;
|
--text-subtle: #918072;
|
||||||
--text-4: #c4cbcf;
|
|
||||||
--text-5: #918072;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #eee7f2;
|
||||||
--hover: #839ec91a;
|
--control-brand-foreground: #eee7f2;
|
||||||
--active: #839ec933;
|
--text-link: #839ec9 !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #8ca07b;
|
||||||
|
--status-warning: #e5bc84;
|
||||||
|
--status-danger: #c06061;
|
||||||
|
--icon-voice-muted: #c06061;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #eee7f2;
|
||||||
|
--scrollbar-auto-thumb: #eee7f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1d1d1d !important;
|
||||||
|
background-color: #eee7f2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c4cbcf;
|
||||||
|
background: #1d1d1d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #98a1d8; }
|
||||||
|
.hljs-string { color: #8ca07b; }
|
||||||
|
.hljs-number { color: #ff937f; }
|
||||||
|
.hljs-comment { color: #918072; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #b2cf87; /* Green */
|
|
||||||
--dnd-indicator: #f07c82; /* Red */
|
|
||||||
--idle-indicator: #f4ce69; /* Yellow */
|
|
||||||
--streaming-indicator: #be9db9; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #8fb2c9; /* Blue */
|
|
||||||
--accent-2: #b0d5df; /* Cyan */
|
|
||||||
--accent-3: #b0d5df;
|
|
||||||
--accent-4: #8fb2c9;
|
|
||||||
--accent-5: #f07c82;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1d1d1d;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #1d1d1d;
|
|
||||||
--bg-4: #1d1d1d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1d1d1d;
|
||||||
|
--background-base-lowest: #1d1d1d !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #1d1d1d !important;
|
||||||
|
--chat-background: #1d1d1d;
|
||||||
|
--home-background: #1d1d1d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #373737 !important;
|
||||||
|
--background-accent: #373737 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c4cbcf;
|
--text-default: #c4cbcf;
|
||||||
--text-1: #c4cbcf;
|
--text-strong: #c4cbcf !important;
|
||||||
--text-2: #c4cbcf;
|
--text-muted: #bdaead !important;
|
||||||
--text-3: #c4cbcf;
|
--text-subtle: #918072;
|
||||||
--text-4: #c4cbcf;
|
|
||||||
--text-5: #918072;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #eee7f2;
|
||||||
--hover: #8fb2c91a;
|
--control-brand-foreground: #eee7f2;
|
||||||
--active: #8fb2c933;
|
--text-link: #8fb2c9 !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #b2cf87;
|
||||||
|
--status-warning: #f4ce69;
|
||||||
|
--status-danger: #f07c82;
|
||||||
|
--icon-voice-muted: #f07c82;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #eee7f2;
|
||||||
|
--scrollbar-auto-thumb: #eee7f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1d1d1d !important;
|
||||||
|
background-color: #eee7f2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c4cbcf;
|
||||||
|
background: #1d1d1d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #be9db9; }
|
||||||
|
.hljs-string { color: #b2cf87; }
|
||||||
|
.hljs-number { color: #f4a83a; }
|
||||||
|
.hljs-comment { color: #918072; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #84b97c; /* Green */
|
|
||||||
--dnd-indicator: #dc657d; /* Red */
|
|
||||||
--idle-indicator: #c3ba63; /* Yellow */
|
|
||||||
--streaming-indicator: #b888e2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #639ee4; /* Blue */
|
|
||||||
--accent-2: #4bb1a7; /* Cyan */
|
|
||||||
--accent-3: #4bb1a7;
|
|
||||||
--accent-4: #639ee4;
|
|
||||||
--accent-5: #dc657d;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #191919;
|
|
||||||
--bg-2: #202020;
|
|
||||||
--bg-3: #191919;
|
|
||||||
--bg-4: #191919;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #191919;
|
||||||
|
--background-base-lowest: #191919 !important;
|
||||||
|
--background-base-lower: #202020 !important;
|
||||||
|
--background-surface-high: #191919 !important;
|
||||||
|
--chat-background: #191919;
|
||||||
|
--home-background: #191919;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #202020 !important;
|
||||||
|
--background-surface-highest: #303030 !important;
|
||||||
|
--background-accent: #303030 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a7a7a7;
|
--text-default: #a7a7a7;
|
||||||
--text-1: #a7a7a7;
|
--text-strong: #a7a7a7 !important;
|
||||||
--text-2: #a7a7a7;
|
--text-muted: #505050 !important;
|
||||||
--text-3: #a7a7a7;
|
--text-subtle: #5f5a60;
|
||||||
--text-4: #a7a7a7;
|
|
||||||
--text-5: #5f5a60;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #808080 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #808080;
|
||||||
--hover: #639ee41a;
|
--control-brand-foreground: #808080;
|
||||||
--active: #639ee433;
|
--text-link: #639ee4 !important;
|
||||||
--message-hover: #2020200a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #84b97c;
|
||||||
|
--status-warning: #c3ba63;
|
||||||
|
--status-danger: #dc657d;
|
||||||
|
--icon-voice-muted: #dc657d;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #808080;
|
||||||
|
--scrollbar-auto-thumb: #808080;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #191919 !important;
|
||||||
|
background-color: #808080 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a7a7a7;
|
||||||
|
background: #191919;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b888e2; }
|
||||||
|
.hljs-string { color: #84b97c; }
|
||||||
|
.hljs-number { color: #4bb1a7; }
|
||||||
|
.hljs-comment { color: #5f5a60; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #90a959; /* Green */
|
|
||||||
--dnd-indicator: #ac4142; /* Red */
|
|
||||||
--idle-indicator: #f4bf75; /* Yellow */
|
|
||||||
--streaming-indicator: #aa759f; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6a9fb5; /* Blue */
|
|
||||||
--accent-2: #75b5aa; /* Cyan */
|
|
||||||
--accent-3: #75b5aa;
|
|
||||||
--accent-4: #6a9fb5;
|
|
||||||
--accent-5: #ac4142;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #151515;
|
|
||||||
--bg-2: #202020;
|
|
||||||
--bg-3: #151515;
|
|
||||||
--bg-4: #151515;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #151515;
|
||||||
|
--background-base-lowest: #151515 !important;
|
||||||
|
--background-base-lower: #202020 !important;
|
||||||
|
--background-surface-high: #151515 !important;
|
||||||
|
--chat-background: #151515;
|
||||||
|
--home-background: #151515;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #202020 !important;
|
||||||
|
--background-surface-highest: #303030 !important;
|
||||||
|
--background-accent: #303030 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d0d0d0;
|
--text-default: #d0d0d0;
|
||||||
--text-1: #d0d0d0;
|
--text-strong: #d0d0d0 !important;
|
||||||
--text-2: #d0d0d0;
|
--text-muted: #b0b0b0 !important;
|
||||||
--text-3: #d0d0d0;
|
--text-subtle: #505050;
|
||||||
--text-4: #d0d0d0;
|
|
||||||
--text-5: #505050;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e0e0e0;
|
||||||
--hover: #6a9fb51a;
|
--control-brand-foreground: #e0e0e0;
|
||||||
--active: #6a9fb533;
|
--text-link: #6a9fb5 !important;
|
||||||
--message-hover: #2020200a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #90a959;
|
||||||
|
--status-warning: #f4bf75;
|
||||||
|
--status-danger: #ac4142;
|
||||||
|
--icon-voice-muted: #ac4142;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e0e0e0;
|
||||||
|
--scrollbar-auto-thumb: #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #151515 !important;
|
||||||
|
background-color: #e0e0e0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d0d0d0;
|
||||||
|
background: #151515;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #aa759f; }
|
||||||
|
.hljs-string { color: #90a959; }
|
||||||
|
.hljs-number { color: #d28445; }
|
||||||
|
.hljs-comment { color: #505050; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #90a959; /* Green */
|
|
||||||
--dnd-indicator: #ac4142; /* Red */
|
|
||||||
--idle-indicator: #f4bf75; /* Yellow */
|
|
||||||
--streaming-indicator: #aa759f; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6a9fb5; /* Blue */
|
|
||||||
--accent-2: #75b5aa; /* Cyan */
|
|
||||||
--accent-3: #75b5aa;
|
|
||||||
--accent-4: #6a9fb5;
|
|
||||||
--accent-5: #ac4142;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f5f5f5;
|
|
||||||
--bg-2: #e0e0e0;
|
|
||||||
--bg-3: #f5f5f5;
|
|
||||||
--bg-4: #f5f5f5;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f5f5f5;
|
||||||
|
--background-base-lowest: #f5f5f5 !important;
|
||||||
|
--background-base-lower: #e0e0e0 !important;
|
||||||
|
--background-surface-high: #f5f5f5 !important;
|
||||||
|
--chat-background: #f5f5f5;
|
||||||
|
--home-background: #f5f5f5;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e0e0e0 !important;
|
||||||
|
--background-surface-highest: #d0d0d0 !important;
|
||||||
|
--background-accent: #d0d0d0 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #303030;
|
--text-default: #303030;
|
||||||
--text-1: #303030;
|
--text-strong: #303030 !important;
|
||||||
--text-2: #303030;
|
--text-muted: #505050 !important;
|
||||||
--text-3: #303030;
|
--text-subtle: #b0b0b0;
|
||||||
--text-4: #303030;
|
|
||||||
--text-5: #b0b0b0;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #202020 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #202020;
|
||||||
--hover: #6a9fb51a;
|
--control-brand-foreground: #202020;
|
||||||
--active: #6a9fb533;
|
--text-link: #6a9fb5 !important;
|
||||||
--message-hover: #e0e0e00a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #90a959;
|
||||||
|
--status-warning: #f4bf75;
|
||||||
|
--status-danger: #ac4142;
|
||||||
|
--icon-voice-muted: #ac4142;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #202020;
|
||||||
|
--scrollbar-auto-thumb: #202020;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f5f5f5 !important;
|
||||||
|
background-color: #202020 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #303030;
|
||||||
|
background: #f5f5f5;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #aa759f; }
|
||||||
|
.hljs-string { color: #90a959; }
|
||||||
|
.hljs-number { color: #d28445; }
|
||||||
|
.hljs-comment { color: #b0b0b0; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #237986; /* Green */
|
|
||||||
--dnd-indicator: #2a5491; /* Red */
|
|
||||||
--idle-indicator: #a03b1e; /* Yellow */
|
|
||||||
--streaming-indicator: #c59820; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #484d79; /* Blue */
|
|
||||||
--accent-2: #b02f30; /* Cyan */
|
|
||||||
--accent-3: #b02f30;
|
|
||||||
--accent-4: #484d79;
|
|
||||||
--accent-5: #2a5491;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #232c31;
|
|
||||||
--bg-2: #1c3657;
|
|
||||||
--bg-3: #232c31;
|
|
||||||
--bg-4: #232c31;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #232c31;
|
||||||
|
--background-base-lowest: #232c31 !important;
|
||||||
|
--background-base-lower: #1c3657 !important;
|
||||||
|
--background-surface-high: #232c31 !important;
|
||||||
|
--chat-background: #232c31;
|
||||||
|
--home-background: #232c31;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #1c3657 !important;
|
||||||
|
--background-surface-highest: #2a343a !important;
|
||||||
|
--background-accent: #2a343a !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #9ea7a6;
|
--text-default: #9ea7a6;
|
||||||
--text-1: #9ea7a6;
|
--text-strong: #9ea7a6 !important;
|
||||||
--text-2: #9ea7a6;
|
--text-muted: #84898c !important;
|
||||||
--text-3: #9ea7a6;
|
--text-subtle: #3f4944;
|
||||||
--text-4: #9ea7a6;
|
|
||||||
--text-5: #3f4944;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #a7cfa3 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #a7cfa3;
|
||||||
--hover: #484d791a;
|
--control-brand-foreground: #a7cfa3;
|
||||||
--active: #484d7933;
|
--text-link: #484d79 !important;
|
||||||
--message-hover: #1c36570a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #237986;
|
||||||
|
--status-warning: #a03b1e;
|
||||||
|
--status-danger: #2a5491;
|
||||||
|
--icon-voice-muted: #2a5491;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #a7cfa3;
|
||||||
|
--scrollbar-auto-thumb: #a7cfa3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #232c31 !important;
|
||||||
|
background-color: #a7cfa3 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #9ea7a6;
|
||||||
|
background: #232c31;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c59820; }
|
||||||
|
.hljs-string { color: #237986; }
|
||||||
|
.hljs-number { color: #43820d; }
|
||||||
|
.hljs-comment { color: #3f4944; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #2ecc40; /* Green */
|
|
||||||
--dnd-indicator: #ff4136; /* Red */
|
|
||||||
--idle-indicator: #ffdc00; /* Yellow */
|
|
||||||
--streaming-indicator: #b10dc9; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #0074d9; /* Blue */
|
|
||||||
--accent-2: #7fdbff; /* Cyan */
|
|
||||||
--accent-3: #7fdbff;
|
|
||||||
--accent-4: #0074d9;
|
|
||||||
--accent-5: #ff4136;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #111111;
|
|
||||||
--bg-2: #333333;
|
|
||||||
--bg-3: #111111;
|
|
||||||
--bg-4: #111111;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #111111;
|
||||||
|
--background-base-lowest: #111111 !important;
|
||||||
|
--background-base-lower: #333333 !important;
|
||||||
|
--background-surface-high: #111111 !important;
|
||||||
|
--chat-background: #111111;
|
||||||
|
--home-background: #111111;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #333333 !important;
|
||||||
|
--background-surface-highest: #555555 !important;
|
||||||
|
--background-accent: #555555 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #bbbbbb;
|
--text-default: #bbbbbb;
|
||||||
--text-1: #bbbbbb;
|
--text-strong: #bbbbbb !important;
|
||||||
--text-2: #bbbbbb;
|
--text-muted: #999999 !important;
|
||||||
--text-3: #bbbbbb;
|
--text-subtle: #777777;
|
||||||
--text-4: #bbbbbb;
|
|
||||||
--text-5: #777777;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #dddddd !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #dddddd;
|
||||||
--hover: #0074d91a;
|
--control-brand-foreground: #dddddd;
|
||||||
--active: #0074d933;
|
--text-link: #0074d9 !important;
|
||||||
--message-hover: #3333330a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #2ecc40;
|
||||||
|
--status-warning: #ffdc00;
|
||||||
|
--status-danger: #ff4136;
|
||||||
|
--icon-voice-muted: #ff4136;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #dddddd;
|
||||||
|
--scrollbar-auto-thumb: #dddddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #111111 !important;
|
||||||
|
background-color: #dddddd !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #bbbbbb;
|
||||||
|
background: #111111;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b10dc9; }
|
||||||
|
.hljs-string { color: #2ecc40; }
|
||||||
|
.hljs-number { color: #ff851b; }
|
||||||
|
.hljs-comment { color: #777777; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a3b367; /* Green */
|
|
||||||
--dnd-indicator: #d57e85; /* Red */
|
|
||||||
--idle-indicator: #dcb16c; /* Yellow */
|
|
||||||
--streaming-indicator: #bb99b4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #7297b9; /* Blue */
|
|
||||||
--accent-2: #69a9a7; /* Cyan */
|
|
||||||
--accent-3: #69a9a7;
|
|
||||||
--accent-4: #7297b9;
|
|
||||||
--accent-5: #d57e85;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #fbf1f2;
|
|
||||||
--bg-2: #f2f1f4;
|
|
||||||
--bg-3: #fbf1f2;
|
|
||||||
--bg-4: #fbf1f2;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #fbf1f2;
|
||||||
|
--background-base-lowest: #fbf1f2 !important;
|
||||||
|
--background-base-lower: #f2f1f4 !important;
|
||||||
|
--background-surface-high: #fbf1f2 !important;
|
||||||
|
--chat-background: #fbf1f2;
|
||||||
|
--home-background: #fbf1f2;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #f2f1f4 !important;
|
||||||
|
--background-surface-highest: #d8d5dd !important;
|
||||||
|
--background-accent: #d8d5dd !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #8b8198;
|
--text-default: #8b8198;
|
||||||
--text-1: #8b8198;
|
--text-strong: #8b8198 !important;
|
||||||
--text-2: #8b8198;
|
--text-muted: #a59daf !important;
|
||||||
--text-3: #8b8198;
|
--text-subtle: #bfb9c6;
|
||||||
--text-4: #8b8198;
|
|
||||||
--text-5: #bfb9c6;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #72677e !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #72677e;
|
||||||
--hover: #7297b91a;
|
--control-brand-foreground: #72677e;
|
||||||
--active: #7297b933;
|
--text-link: #7297b9 !important;
|
||||||
--message-hover: #f2f1f40a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a3b367;
|
||||||
|
--status-warning: #dcb16c;
|
||||||
|
--status-danger: #d57e85;
|
||||||
|
--icon-voice-muted: #d57e85;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #72677e;
|
||||||
|
--scrollbar-auto-thumb: #72677e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #fbf1f2 !important;
|
||||||
|
background-color: #72677e !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #8b8198;
|
||||||
|
background: #fbf1f2;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #bb99b4; }
|
||||||
|
.hljs-string { color: #a3b367; }
|
||||||
|
.hljs-number { color: #ebb790; }
|
||||||
|
.hljs-comment { color: #bfb9c6; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #007400; /* Green */
|
|
||||||
--dnd-indicator: #c41a15; /* Red */
|
|
||||||
--idle-indicator: #826b28; /* Yellow */
|
|
||||||
--streaming-indicator: #a90d91; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #0000ff; /* Blue */
|
|
||||||
--accent-2: #318495; /* Cyan */
|
|
||||||
--accent-3: #318495;
|
|
||||||
--accent-4: #0000ff;
|
|
||||||
--accent-5: #c41a15;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #ffffff;
|
|
||||||
--bg-2: #c0c0c0;
|
|
||||||
--bg-3: #ffffff;
|
|
||||||
--bg-4: #ffffff;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #ffffff;
|
||||||
|
--background-base-lowest: #ffffff !important;
|
||||||
|
--background-base-lower: #c0c0c0 !important;
|
||||||
|
--background-surface-high: #ffffff !important;
|
||||||
|
--chat-background: #ffffff;
|
||||||
|
--home-background: #ffffff;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #c0c0c0 !important;
|
||||||
|
--background-surface-highest: #c0c0c0 !important;
|
||||||
|
--background-accent: #c0c0c0 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #404040;
|
--text-default: #404040;
|
||||||
--text-1: #404040;
|
--text-strong: #404040 !important;
|
||||||
--text-2: #404040;
|
--text-muted: #808080 !important;
|
||||||
--text-3: #404040;
|
--text-subtle: #808080;
|
||||||
--text-4: #404040;
|
|
||||||
--text-5: #808080;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #404040 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #404040;
|
||||||
--hover: #0000ff1a;
|
--control-brand-foreground: #404040;
|
||||||
--active: #0000ff33;
|
--text-link: #0000ff !important;
|
||||||
--message-hover: #c0c0c00a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #007400;
|
||||||
|
--status-warning: #826b28;
|
||||||
|
--status-danger: #c41a15;
|
||||||
|
--icon-voice-muted: #c41a15;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #404040;
|
||||||
|
--scrollbar-auto-thumb: #404040;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #ffffff !important;
|
||||||
|
background-color: #404040 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #404040;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a90d91; }
|
||||||
|
.hljs-string { color: #007400; }
|
||||||
|
.hljs-number { color: #eb8500; }
|
||||||
|
.hljs-comment { color: #808080; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #61ce3c; /* Green */
|
|
||||||
--dnd-indicator: #ff0000; /* Red */
|
|
||||||
--idle-indicator: #ffff00; /* Yellow */
|
|
||||||
--streaming-indicator: #ff1493; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #4c83ff; /* Blue */
|
|
||||||
--accent-2: #93e0e3; /* Cyan */
|
|
||||||
--accent-3: #93e0e3;
|
|
||||||
--accent-4: #4c83ff;
|
|
||||||
--accent-5: #ff0000;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #2b2b2b;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #2b2b2b !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #2b2b2b !important;
|
||||||
|
--background-surface-highest: #383838 !important;
|
||||||
|
--background-accent: #383838 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #dcdccc;
|
--text-default: #dcdccc;
|
||||||
--text-1: #dcdccc;
|
--text-strong: #dcdccc !important;
|
||||||
--text-2: #dcdccc;
|
--text-muted: #8b8989 !important;
|
||||||
--text-3: #dcdccc;
|
--text-subtle: #4f4f4f;
|
||||||
--text-4: #dcdccc;
|
|
||||||
--text-5: #4f4f4f;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f8f8f8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f8f8f8;
|
||||||
--hover: #4c83ff1a;
|
--control-brand-foreground: #f8f8f8;
|
||||||
--active: #4c83ff33;
|
--text-link: #4c83ff !important;
|
||||||
--message-hover: #2b2b2b0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #61ce3c;
|
||||||
|
--status-warning: #ffff00;
|
||||||
|
--status-danger: #ff0000;
|
||||||
|
--icon-voice-muted: #ff0000;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f8f8f8;
|
||||||
|
--scrollbar-auto-thumb: #f8f8f8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #f8f8f8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #dcdccc;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ff1493; }
|
||||||
|
.hljs-string { color: #61ce3c; }
|
||||||
|
.hljs-number { color: #ffa500; }
|
||||||
|
.hljs-comment { color: #4f4f4f; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #98c379; /* Green */
|
|
||||||
--dnd-indicator: #fa7883; /* Red */
|
|
||||||
--idle-indicator: #ff9470; /* Yellow */
|
|
||||||
--streaming-indicator: #e799ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6bb8ff; /* Blue */
|
|
||||||
--accent-2: #8af5ff; /* Cyan */
|
|
||||||
--accent-3: #8af5ff;
|
|
||||||
--accent-4: #6bb8ff;
|
|
||||||
--accent-5: #fa7883;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #585858 !important;
|
||||||
|
--background-accent: #585858 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffffff;
|
--text-default: #ffffff;
|
||||||
--text-1: #ffffff;
|
--text-strong: #ffffff !important;
|
||||||
--text-2: #ffffff;
|
--text-muted: #c8c8c8 !important;
|
||||||
--text-3: #ffffff;
|
--text-subtle: #888888;
|
||||||
--text-4: #ffffff;
|
|
||||||
--text-5: #888888;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffffff;
|
||||||
--hover: #6bb8ff1a;
|
--control-brand-foreground: #ffffff;
|
||||||
--active: #6bb8ff33;
|
--text-link: #6bb8ff !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #98c379;
|
||||||
|
--status-warning: #ff9470;
|
||||||
|
--status-danger: #fa7883;
|
||||||
|
--icon-voice-muted: #fa7883;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffffff;
|
||||||
|
--scrollbar-auto-thumb: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e799ff; }
|
||||||
|
.hljs-string { color: #98c379; }
|
||||||
|
.hljs-number { color: #ffc387; }
|
||||||
|
.hljs-comment { color: #888888; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #98c379; /* Green */
|
|
||||||
--dnd-indicator: #fa7883; /* Red */
|
|
||||||
--idle-indicator: #ff9470; /* Yellow */
|
|
||||||
--streaming-indicator: #e799ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6bb8ff; /* Blue */
|
|
||||||
--accent-2: #8af5ff; /* Cyan */
|
|
||||||
--accent-3: #8af5ff;
|
|
||||||
--accent-4: #6bb8ff;
|
|
||||||
--accent-5: #fa7883;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #181818;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #181818;
|
|
||||||
--bg-4: #181818;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #181818;
|
||||||
|
--background-base-lowest: #181818 !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #181818 !important;
|
||||||
|
--chat-background: #181818;
|
||||||
|
--home-background: #181818;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #585858 !important;
|
||||||
|
--background-accent: #585858 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffffff;
|
--text-default: #ffffff;
|
||||||
--text-1: #ffffff;
|
--text-strong: #ffffff !important;
|
||||||
--text-2: #ffffff;
|
--text-muted: #c8c8c8 !important;
|
||||||
--text-3: #ffffff;
|
--text-subtle: #888888;
|
||||||
--text-4: #ffffff;
|
|
||||||
--text-5: #888888;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffffff;
|
||||||
--hover: #6bb8ff1a;
|
--control-brand-foreground: #ffffff;
|
||||||
--active: #6bb8ff33;
|
--text-link: #6bb8ff !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #98c379;
|
||||||
|
--status-warning: #ff9470;
|
||||||
|
--status-danger: #fa7883;
|
||||||
|
--icon-voice-muted: #fa7883;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffffff;
|
||||||
|
--scrollbar-auto-thumb: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #181818 !important;
|
||||||
|
background-color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #181818;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e799ff; }
|
||||||
|
.hljs-string { color: #98c379; }
|
||||||
|
.hljs-number { color: #ffc387; }
|
||||||
|
.hljs-comment { color: #888888; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #98c379; /* Green */
|
|
||||||
--dnd-indicator: #fa7883; /* Red */
|
|
||||||
--idle-indicator: #ff9470; /* Yellow */
|
|
||||||
--streaming-indicator: #e799ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6bb8ff; /* Blue */
|
|
||||||
--accent-2: #8af5ff; /* Cyan */
|
|
||||||
--accent-3: #8af5ff;
|
|
||||||
--accent-4: #6bb8ff;
|
|
||||||
--accent-5: #fa7883;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #171726;
|
|
||||||
--bg-2: #22273d;
|
|
||||||
--bg-3: #171726;
|
|
||||||
--bg-4: #171726;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #171726;
|
||||||
|
--background-base-lowest: #171726 !important;
|
||||||
|
--background-base-lower: #22273d !important;
|
||||||
|
--background-surface-high: #171726 !important;
|
||||||
|
--chat-background: #171726;
|
||||||
|
--home-background: #171726;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #22273d !important;
|
||||||
|
--background-surface-highest: #525866 !important;
|
||||||
|
--background-accent: #525866 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffffff;
|
--text-default: #ffffff;
|
||||||
--text-1: #ffffff;
|
--text-strong: #ffffff !important;
|
||||||
--text-2: #ffffff;
|
--text-muted: #c8c8c8 !important;
|
||||||
--text-3: #ffffff;
|
--text-subtle: #878d96;
|
||||||
--text-4: #ffffff;
|
|
||||||
--text-5: #878d96;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffffff;
|
||||||
--hover: #6bb8ff1a;
|
--control-brand-foreground: #ffffff;
|
||||||
--active: #6bb8ff33;
|
--text-link: #6bb8ff !important;
|
||||||
--message-hover: #22273d0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #98c379;
|
||||||
|
--status-warning: #ff9470;
|
||||||
|
--status-danger: #fa7883;
|
||||||
|
--icon-voice-muted: #fa7883;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffffff;
|
||||||
|
--scrollbar-auto-thumb: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #171726 !important;
|
||||||
|
background-color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #171726;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e799ff; }
|
||||||
|
.hljs-string { color: #98c379; }
|
||||||
|
.hljs-number { color: #ffc387; }
|
||||||
|
.hljs-comment { color: #878d96; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #76a85d; /* Green */
|
|
||||||
--dnd-indicator: #de5d6e; /* Red */
|
|
||||||
--idle-indicator: #b3684f; /* Yellow */
|
|
||||||
--streaming-indicator: #c173d1; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5890f8; /* Blue */
|
|
||||||
--accent-2: #64b5a7; /* Cyan */
|
|
||||||
--accent-3: #64b5a7;
|
|
||||||
--accent-4: #5890f8;
|
|
||||||
--accent-5: #de5d6e;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #faf0dc;
|
|
||||||
--bg-2: #c8c8c8;
|
|
||||||
--bg-3: #faf0dc;
|
|
||||||
--bg-4: #faf0dc;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #faf0dc;
|
||||||
|
--background-base-lowest: #faf0dc !important;
|
||||||
|
--background-base-lower: #c8c8c8 !important;
|
||||||
|
--background-surface-high: #faf0dc !important;
|
||||||
|
--chat-background: #faf0dc;
|
||||||
|
--home-background: #faf0dc;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #c8c8c8 !important;
|
||||||
|
--background-surface-highest: #888888 !important;
|
||||||
|
--background-accent: #888888 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #181818;
|
--text-default: #181818;
|
||||||
--text-1: #181818;
|
--text-strong: #181818 !important;
|
||||||
--text-2: #181818;
|
--text-muted: #282828 !important;
|
||||||
--text-3: #181818;
|
--text-subtle: #585858;
|
||||||
--text-4: #181818;
|
|
||||||
--text-5: #585858;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #000000 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #000000;
|
||||||
--hover: #5890f81a;
|
--control-brand-foreground: #000000;
|
||||||
--active: #5890f833;
|
--text-link: #5890f8 !important;
|
||||||
--message-hover: #c8c8c80a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #76a85d;
|
||||||
|
--status-warning: #b3684f;
|
||||||
|
--status-danger: #de5d6e;
|
||||||
|
--icon-voice-muted: #de5d6e;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #000000;
|
||||||
|
--scrollbar-auto-thumb: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #faf0dc !important;
|
||||||
|
background-color: #000000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #181818;
|
||||||
|
background: #faf0dc;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c173d1; }
|
||||||
|
.hljs-string { color: #76a85d; }
|
||||||
|
.hljs-number { color: #ff9470; }
|
||||||
|
.hljs-comment { color: #585858; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #98c379; /* Green */
|
|
||||||
--dnd-indicator: #fa7883; /* Red */
|
|
||||||
--idle-indicator: #ff9470; /* Yellow */
|
|
||||||
--streaming-indicator: #e799ff; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6bb8ff; /* Blue */
|
|
||||||
--accent-2: #8af5ff; /* Cyan */
|
|
||||||
--accent-3: #8af5ff;
|
|
||||||
--accent-4: #6bb8ff;
|
|
||||||
--accent-5: #fa7883;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #22273d;
|
|
||||||
--bg-2: #374059;
|
|
||||||
--bg-3: #22273d;
|
|
||||||
--bg-4: #22273d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #22273d;
|
||||||
|
--background-base-lowest: #22273d !important;
|
||||||
|
--background-base-lower: #374059 !important;
|
||||||
|
--background-surface-high: #22273d !important;
|
||||||
|
--chat-background: #22273d;
|
||||||
|
--home-background: #22273d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #374059 !important;
|
||||||
|
--background-surface-highest: #525866 !important;
|
||||||
|
--background-accent: #525866 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ffffff;
|
--text-default: #ffffff;
|
||||||
--text-1: #ffffff;
|
--text-strong: #ffffff !important;
|
||||||
--text-2: #ffffff;
|
--text-muted: #c8c8c8 !important;
|
||||||
--text-3: #ffffff;
|
--text-subtle: #878d96;
|
||||||
--text-4: #ffffff;
|
|
||||||
--text-5: #878d96;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffffff;
|
||||||
--hover: #6bb8ff1a;
|
--control-brand-foreground: #ffffff;
|
||||||
--active: #6bb8ff33;
|
--text-link: #6bb8ff !important;
|
||||||
--message-hover: #3740590a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #98c379;
|
||||||
|
--status-warning: #ff9470;
|
||||||
|
--status-danger: #fa7883;
|
||||||
|
--icon-voice-muted: #fa7883;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffffff;
|
||||||
|
--scrollbar-auto-thumb: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #22273d !important;
|
||||||
|
background-color: #ffffff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ffffff;
|
||||||
|
background: #22273d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #e799ff; }
|
||||||
|
.hljs-string { color: #98c379; }
|
||||||
|
.hljs-number { color: #ffc387; }
|
||||||
|
.hljs-comment { color: #878d96; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #76a85d; /* Green */
|
|
||||||
--dnd-indicator: #de5d6e; /* Red */
|
|
||||||
--idle-indicator: #b3684f; /* Yellow */
|
|
||||||
--streaming-indicator: #c173d1; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5890f8; /* Blue */
|
|
||||||
--accent-2: #64b5a7; /* Cyan */
|
|
||||||
--accent-3: #64b5a7;
|
|
||||||
--accent-4: #5890f8;
|
|
||||||
--accent-5: #de5d6e;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #ffffff;
|
|
||||||
--bg-2: #c8c8c8;
|
|
||||||
--bg-3: #ffffff;
|
|
||||||
--bg-4: #ffffff;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #ffffff;
|
||||||
|
--background-base-lowest: #ffffff !important;
|
||||||
|
--background-base-lower: #c8c8c8 !important;
|
||||||
|
--background-surface-high: #ffffff !important;
|
||||||
|
--chat-background: #ffffff;
|
||||||
|
--home-background: #ffffff;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #c8c8c8 !important;
|
||||||
|
--background-surface-highest: #888888 !important;
|
||||||
|
--background-accent: #888888 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #181818;
|
--text-default: #181818;
|
||||||
--text-1: #181818;
|
--text-strong: #181818 !important;
|
||||||
--text-2: #181818;
|
--text-muted: #282828 !important;
|
||||||
--text-3: #181818;
|
--text-subtle: #585858;
|
||||||
--text-4: #181818;
|
|
||||||
--text-5: #585858;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #000000 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #000000;
|
||||||
--hover: #5890f81a;
|
--control-brand-foreground: #000000;
|
||||||
--active: #5890f833;
|
--text-link: #5890f8 !important;
|
||||||
--message-hover: #c8c8c80a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #76a85d;
|
||||||
|
--status-warning: #b3684f;
|
||||||
|
--status-danger: #de5d6e;
|
||||||
|
--icon-voice-muted: #de5d6e;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #000000;
|
||||||
|
--scrollbar-auto-thumb: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #ffffff !important;
|
||||||
|
background-color: #000000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #181818;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #c173d1; }
|
||||||
|
.hljs-string { color: #76a85d; }
|
||||||
|
.hljs-number { color: #ff9470; }
|
||||||
|
.hljs-comment { color: #585858; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #8ab361; /* Green */
|
|
||||||
--dnd-indicator: #f9906f; /* Red */
|
|
||||||
--idle-indicator: #f0c239; /* Yellow */
|
|
||||||
--streaming-indicator: #cca4e3; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #b0a4e3; /* Blue */
|
|
||||||
--accent-2: #30dff3; /* Cyan */
|
|
||||||
--accent-3: #30dff3;
|
|
||||||
--accent-4: #b0a4e3;
|
|
||||||
--accent-5: #f9906f;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #2d302f;
|
|
||||||
--bg-2: #434846;
|
|
||||||
--bg-3: #2d302f;
|
|
||||||
--bg-4: #2d302f;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #2d302f;
|
||||||
|
--background-base-lowest: #2d302f !important;
|
||||||
|
--background-base-lower: #434846 !important;
|
||||||
|
--background-surface-high: #2d302f !important;
|
||||||
|
--chat-background: #2d302f;
|
||||||
|
--home-background: #2d302f;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #434846 !important;
|
||||||
|
--background-surface-highest: #5a605d !important;
|
||||||
|
--background-accent: #5a605d !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #e0f0ef;
|
--text-default: #e0f0ef;
|
||||||
--text-1: #e0f0ef;
|
--text-strong: #e0f0ef !important;
|
||||||
--text-2: #e0f0ef;
|
--text-muted: #cad8d2 !important;
|
||||||
--text-3: #e0f0ef;
|
--text-subtle: #9da8a3;
|
||||||
--text-4: #e0f0ef;
|
|
||||||
--text-5: #9da8a3;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ecf6f2 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ecf6f2;
|
||||||
--hover: #b0a4e31a;
|
--control-brand-foreground: #ecf6f2;
|
||||||
--active: #b0a4e333;
|
--text-link: #b0a4e3 !important;
|
||||||
--message-hover: #4348460a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #8ab361;
|
||||||
|
--status-warning: #f0c239;
|
||||||
|
--status-danger: #f9906f;
|
||||||
|
--icon-voice-muted: #f9906f;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ecf6f2;
|
||||||
|
--scrollbar-auto-thumb: #ecf6f2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #2d302f !important;
|
||||||
|
background-color: #ecf6f2 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #e0f0ef;
|
||||||
|
background: #2d302f;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cca4e3; }
|
||||||
|
.hljs-string { color: #8ab361; }
|
||||||
|
.hljs-number { color: #b38a61; }
|
||||||
|
.hljs-comment { color: #9da8a3; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #8ab361; /* Green */
|
|
||||||
--dnd-indicator: #f9906f; /* Red */
|
|
||||||
--idle-indicator: #f0c239; /* Yellow */
|
|
||||||
--streaming-indicator: #cca4e3; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #b0a4e3; /* Blue */
|
|
||||||
--accent-2: #30dff3; /* Cyan */
|
|
||||||
--accent-3: #30dff3;
|
|
||||||
--accent-4: #b0a4e3;
|
|
||||||
--accent-5: #f9906f;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #fcfefd;
|
|
||||||
--bg-2: #ecf6f2;
|
|
||||||
--bg-3: #fcfefd;
|
|
||||||
--bg-4: #fcfefd;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #fcfefd;
|
||||||
|
--background-base-lowest: #fcfefd !important;
|
||||||
|
--background-base-lower: #ecf6f2 !important;
|
||||||
|
--background-surface-high: #fcfefd !important;
|
||||||
|
--chat-background: #fcfefd;
|
||||||
|
--home-background: #fcfefd;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #ecf6f2 !important;
|
||||||
|
--background-surface-highest: #e0f0ef !important;
|
||||||
|
--background-accent: #e0f0ef !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #5a605d;
|
--text-default: #5a605d;
|
||||||
--text-1: #5a605d;
|
--text-strong: #5a605d !important;
|
||||||
--text-2: #5a605d;
|
--text-muted: #9da8a3 !important;
|
||||||
--text-3: #5a605d;
|
--text-subtle: #cad8d2;
|
||||||
--text-4: #5a605d;
|
|
||||||
--text-5: #cad8d2;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #434846 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #434846;
|
||||||
--hover: #b0a4e31a;
|
--control-brand-foreground: #434846;
|
||||||
--active: #b0a4e333;
|
--text-link: #b0a4e3 !important;
|
||||||
--message-hover: #ecf6f20a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #8ab361;
|
||||||
|
--status-warning: #f0c239;
|
||||||
|
--status-danger: #f9906f;
|
||||||
|
--icon-voice-muted: #f9906f;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #434846;
|
||||||
|
--scrollbar-auto-thumb: #434846;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #fcfefd !important;
|
||||||
|
background-color: #434846 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #5a605d;
|
||||||
|
background: #fcfefd;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cca4e3; }
|
||||||
|
.hljs-string { color: #8ab361; }
|
||||||
|
.hljs-number { color: #b38a61; }
|
||||||
|
.hljs-comment { color: #cad8d2; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #6a8759; /* Green */
|
|
||||||
--dnd-indicator: #4eade5; /* Red */
|
|
||||||
--idle-indicator: #bbb529; /* Yellow */
|
|
||||||
--streaming-indicator: #cc7832; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #9876aa; /* Blue */
|
|
||||||
--accent-2: #629755; /* Cyan */
|
|
||||||
--accent-3: #629755;
|
|
||||||
--accent-4: #9876aa;
|
|
||||||
--accent-5: #4eade5;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #2b2b2b;
|
|
||||||
--bg-2: #323232;
|
|
||||||
--bg-3: #2b2b2b;
|
|
||||||
--bg-4: #2b2b2b;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #2b2b2b;
|
||||||
|
--background-base-lowest: #2b2b2b !important;
|
||||||
|
--background-base-lower: #323232 !important;
|
||||||
|
--background-surface-high: #2b2b2b !important;
|
||||||
|
--chat-background: #2b2b2b;
|
||||||
|
--home-background: #2b2b2b;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #323232 !important;
|
||||||
|
--background-surface-highest: #323232 !important;
|
||||||
|
--background-accent: #323232 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a9b7c6;
|
--text-default: #a9b7c6;
|
||||||
--text-1: #a9b7c6;
|
--text-strong: #a9b7c6 !important;
|
||||||
--text-2: #a9b7c6;
|
--text-muted: #a4a3a3 !important;
|
||||||
--text-3: #a9b7c6;
|
--text-subtle: #606366;
|
||||||
--text-4: #a9b7c6;
|
|
||||||
--text-5: #606366;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #ffc66d !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #ffc66d;
|
||||||
--hover: #9876aa1a;
|
--control-brand-foreground: #ffc66d;
|
||||||
--active: #9876aa33;
|
--text-link: #9876aa !important;
|
||||||
--message-hover: #3232320a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #6a8759;
|
||||||
|
--status-warning: #bbb529;
|
||||||
|
--status-danger: #4eade5;
|
||||||
|
--icon-voice-muted: #4eade5;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #ffc66d;
|
||||||
|
--scrollbar-auto-thumb: #ffc66d;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #2b2b2b !important;
|
||||||
|
background-color: #ffc66d !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a9b7c6;
|
||||||
|
background: #2b2b2b;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cc7832; }
|
||||||
|
.hljs-string { color: #6a8759; }
|
||||||
|
.hljs-number { color: #689757; }
|
||||||
|
.hljs-comment { color: #606366; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #499180; /* Green */
|
|
||||||
--dnd-indicator: #ff4658; /* Red */
|
|
||||||
--idle-indicator: #fdb11f; /* Yellow */
|
|
||||||
--streaming-indicator: #9bc0c8; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #498091; /* Blue */
|
|
||||||
--accent-2: #66d9ef; /* Cyan */
|
|
||||||
--accent-3: #66d9ef;
|
|
||||||
--accent-4: #498091;
|
|
||||||
--accent-5: #ff4658;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #171e1f;
|
|
||||||
--bg-2: #252c2d;
|
|
||||||
--bg-3: #171e1f;
|
|
||||||
--bg-4: #171e1f;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #171e1f;
|
||||||
|
--background-base-lowest: #171e1f !important;
|
||||||
|
--background-base-lower: #252c2d !important;
|
||||||
|
--background-surface-high: #171e1f !important;
|
||||||
|
--chat-background: #171e1f;
|
||||||
|
--home-background: #171e1f;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #252c2d !important;
|
||||||
|
--background-surface-highest: #373c3d !important;
|
||||||
|
--background-accent: #373c3d !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #c7c7a5;
|
--text-default: #c7c7a5;
|
||||||
--text-1: #c7c7a5;
|
--text-strong: #c7c7a5 !important;
|
||||||
--text-2: #c7c7a5;
|
--text-muted: #818f80 !important;
|
||||||
--text-3: #c7c7a5;
|
--text-subtle: #555e5f;
|
||||||
--text-4: #c7c7a5;
|
|
||||||
--text-5: #555e5f;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e3e3c8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e3e3c8;
|
||||||
--hover: #4980911a;
|
--control-brand-foreground: #e3e3c8;
|
||||||
--active: #49809133;
|
--text-link: #498091 !important;
|
||||||
--message-hover: #252c2d0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #499180;
|
||||||
|
--status-warning: #fdb11f;
|
||||||
|
--status-danger: #ff4658;
|
||||||
|
--icon-voice-muted: #ff4658;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e3e3c8;
|
||||||
|
--scrollbar-auto-thumb: #e3e3c8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #171e1f !important;
|
||||||
|
background-color: #e3e3c8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #c7c7a5;
|
||||||
|
background: #171e1f;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #9bc0c8; }
|
||||||
|
.hljs-string { color: #499180; }
|
||||||
|
.hljs-number { color: #e6db74; }
|
||||||
|
.hljs-comment { color: #555e5f; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #95c085; /* Green */
|
|
||||||
--dnd-indicator: #fb543f; /* Red */
|
|
||||||
--idle-indicator: #fac03b; /* Yellow */
|
|
||||||
--streaming-indicator: #8f4673; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #0d6678; /* Blue */
|
|
||||||
--accent-2: #8ba59b; /* Cyan */
|
|
||||||
--accent-3: #8ba59b;
|
|
||||||
--accent-4: #0d6678;
|
|
||||||
--accent-5: #fb543f;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #1d2021;
|
|
||||||
--bg-2: #32302f;
|
|
||||||
--bg-3: #1d2021;
|
|
||||||
--bg-4: #1d2021;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #1d2021;
|
||||||
|
--background-base-lowest: #1d2021 !important;
|
||||||
|
--background-base-lower: #32302f !important;
|
||||||
|
--background-surface-high: #1d2021 !important;
|
||||||
|
--chat-background: #1d2021;
|
||||||
|
--home-background: #1d2021;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #32302f !important;
|
||||||
|
--background-surface-highest: #504945 !important;
|
||||||
|
--background-accent: #504945 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a89984;
|
--text-default: #a89984;
|
||||||
--text-1: #a89984;
|
--text-strong: #a89984 !important;
|
||||||
--text-2: #a89984;
|
--text-muted: #928374 !important;
|
||||||
--text-3: #a89984;
|
--text-subtle: #665c54;
|
||||||
--text-4: #a89984;
|
|
||||||
--text-5: #665c54;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #d5c4a1 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #d5c4a1;
|
||||||
--hover: #0d66781a;
|
--control-brand-foreground: #d5c4a1;
|
||||||
--active: #0d667833;
|
--text-link: #0d6678 !important;
|
||||||
--message-hover: #32302f0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #95c085;
|
||||||
|
--status-warning: #fac03b;
|
||||||
|
--status-danger: #fb543f;
|
||||||
|
--icon-voice-muted: #fb543f;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #d5c4a1;
|
||||||
|
--scrollbar-auto-thumb: #d5c4a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #1d2021 !important;
|
||||||
|
background-color: #d5c4a1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a89984;
|
||||||
|
background: #1d2021;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #8f4673; }
|
||||||
|
.hljs-string { color: #95c085; }
|
||||||
|
.hljs-number { color: #fe8625; }
|
||||||
|
.hljs-comment { color: #665c54; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #4595e6; /* Green */
|
|
||||||
--dnd-indicator: #a82ee6; /* Red */
|
|
||||||
--idle-indicator: #f29df2; /* Yellow */
|
|
||||||
--streaming-indicator: #7e5ce6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #4136d9; /* Blue */
|
|
||||||
--accent-2: #40dfff; /* Cyan */
|
|
||||||
--accent-3: #40dfff;
|
|
||||||
--accent-4: #4136d9;
|
|
||||||
--accent-5: #a82ee6;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #231a40;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #231a40 !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #231a40 !important;
|
||||||
|
--background-surface-highest: #432d59 !important;
|
||||||
|
--background-accent: #432d59 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #b08ae6;
|
--text-default: #b08ae6;
|
||||||
--text-1: #b08ae6;
|
--text-strong: #b08ae6 !important;
|
||||||
--text-2: #b08ae6;
|
--text-muted: #00ff00 !important;
|
||||||
--text-3: #b08ae6;
|
--text-subtle: #593380;
|
||||||
--text-4: #b08ae6;
|
|
||||||
--text-5: #593380;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #9045e6 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #9045e6;
|
||||||
--hover: #4136d91a;
|
--control-brand-foreground: #9045e6;
|
||||||
--active: #4136d933;
|
--text-link: #4136d9 !important;
|
||||||
--message-hover: #231a400a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #4595e6;
|
||||||
|
--status-warning: #f29df2;
|
||||||
|
--status-danger: #a82ee6;
|
||||||
|
--icon-voice-muted: #a82ee6;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #9045e6;
|
||||||
|
--scrollbar-auto-thumb: #9045e6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #9045e6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #b08ae6;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #7e5ce6; }
|
||||||
|
.hljs-string { color: #4595e6; }
|
||||||
|
.hljs-number { color: #bb66cc; }
|
||||||
|
.hljs-comment { color: #593380; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #beda78; /* Green */
|
|
||||||
--dnd-indicator: #ff7f7b; /* Red */
|
|
||||||
--idle-indicator: #ffd67c; /* Yellow */
|
|
||||||
--streaming-indicator: #efb3f7; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #90bee1; /* Blue */
|
|
||||||
--accent-2: #bed6ff; /* Cyan */
|
|
||||||
--accent-3: #bed6ff;
|
|
||||||
--accent-4: #90bee1;
|
|
||||||
--accent-5: #ff7f7b;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #2d2d2d;
|
|
||||||
--bg-2: #393939;
|
|
||||||
--bg-3: #2d2d2d;
|
|
||||||
--bg-4: #2d2d2d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #2d2d2d;
|
||||||
|
--background-base-lowest: #2d2d2d !important;
|
||||||
|
--background-base-lower: #393939 !important;
|
||||||
|
--background-surface-high: #2d2d2d !important;
|
||||||
|
--chat-background: #2d2d2d;
|
||||||
|
--home-background: #2d2d2d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #393939 !important;
|
||||||
|
--background-surface-highest: #515151 !important;
|
||||||
|
--background-accent: #515151 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #cccccc;
|
--text-default: #cccccc;
|
||||||
--text-1: #cccccc;
|
--text-strong: #cccccc !important;
|
||||||
--text-2: #cccccc;
|
--text-muted: #b4b7b4 !important;
|
||||||
--text-3: #cccccc;
|
--text-subtle: #777777;
|
||||||
--text-4: #cccccc;
|
|
||||||
--text-5: #777777;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e0e0e0;
|
||||||
--hover: #90bee11a;
|
--control-brand-foreground: #e0e0e0;
|
||||||
--active: #90bee133;
|
--text-link: #90bee1 !important;
|
||||||
--message-hover: #3939390a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #beda78;
|
||||||
|
--status-warning: #ffd67c;
|
||||||
|
--status-danger: #ff7f7b;
|
||||||
|
--icon-voice-muted: #ff7f7b;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e0e0e0;
|
||||||
|
--scrollbar-auto-thumb: #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #2d2d2d !important;
|
||||||
|
background-color: #e0e0e0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #cccccc;
|
||||||
|
background: #2d2d2d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #efb3f7; }
|
||||||
|
.hljs-string { color: #beda78; }
|
||||||
|
.hljs-number { color: #ffbf70; }
|
||||||
|
.hljs-comment { color: #777777; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #63b784; /* Green */
|
|
||||||
--dnd-indicator: #d3464d; /* Red */
|
|
||||||
--idle-indicator: #f3b863; /* Yellow */
|
|
||||||
--streaming-indicator: #8b66d6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #568ccf; /* Blue */
|
|
||||||
--accent-2: #4fb7ae; /* Cyan */
|
|
||||||
--accent-3: #4fb7ae;
|
|
||||||
--accent-4: #568ccf;
|
|
||||||
--accent-5: #d3464d;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #001c1f;
|
|
||||||
--bg-2: #002931;
|
|
||||||
--bg-3: #001c1f;
|
|
||||||
--bg-4: #001c1f;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #001c1f;
|
||||||
|
--background-base-lowest: #001c1f !important;
|
||||||
|
--background-base-lower: #002931 !important;
|
||||||
|
--background-surface-high: #001c1f !important;
|
||||||
|
--chat-background: #001c1f;
|
||||||
|
--home-background: #001c1f;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #002931 !important;
|
||||||
|
--background-surface-highest: #003640 !important;
|
||||||
|
--background-accent: #003640 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d4e1e8;
|
--text-default: #d4e1e8;
|
||||||
--text-1: #d4e1e8;
|
--text-strong: #d4e1e8 !important;
|
||||||
--text-2: #d4e1e8;
|
--text-muted: #0093a3 !important;
|
||||||
--text-3: #d4e1e8;
|
--text-subtle: #004852;
|
||||||
--text-4: #d4e1e8;
|
|
||||||
--text-5: #004852;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e0e9ef !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e0e9ef;
|
||||||
--hover: #568ccf1a;
|
--control-brand-foreground: #e0e9ef;
|
||||||
--active: #568ccf33;
|
--text-link: #568ccf !important;
|
||||||
--message-hover: #0029310a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #63b784;
|
||||||
|
--status-warning: #f3b863;
|
||||||
|
--status-danger: #d3464d;
|
||||||
|
--icon-voice-muted: #d3464d;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e0e9ef;
|
||||||
|
--scrollbar-auto-thumb: #e0e9ef;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #001c1f !important;
|
||||||
|
background-color: #e0e9ef !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d4e1e8;
|
||||||
|
background: #001c1f;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #8b66d6; }
|
||||||
|
.hljs-string { color: #63b784; }
|
||||||
|
.hljs-number { color: #e37552; }
|
||||||
|
.hljs-comment { color: #004852; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a1b56c; /* Green */
|
|
||||||
--dnd-indicator: #ab4642; /* Red */
|
|
||||||
--idle-indicator: #f7ca88; /* Yellow */
|
|
||||||
--streaming-indicator: #ba8baf; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #7cafc2; /* Blue */
|
|
||||||
--accent-2: #86c1b9; /* Cyan */
|
|
||||||
--accent-3: #86c1b9;
|
|
||||||
--accent-4: #7cafc2;
|
|
||||||
--accent-5: #ab4642;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #181818;
|
|
||||||
--bg-2: #282828;
|
|
||||||
--bg-3: #181818;
|
|
||||||
--bg-4: #181818;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #181818;
|
||||||
|
--background-base-lowest: #181818 !important;
|
||||||
|
--background-base-lower: #282828 !important;
|
||||||
|
--background-surface-high: #181818 !important;
|
||||||
|
--chat-background: #181818;
|
||||||
|
--home-background: #181818;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #282828 !important;
|
||||||
|
--background-surface-highest: #383838 !important;
|
||||||
|
--background-accent: #383838 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d8d8d8;
|
--text-default: #d8d8d8;
|
||||||
--text-1: #d8d8d8;
|
--text-strong: #d8d8d8 !important;
|
||||||
--text-2: #d8d8d8;
|
--text-muted: #b8b8b8 !important;
|
||||||
--text-3: #d8d8d8;
|
--text-subtle: #585858;
|
||||||
--text-4: #d8d8d8;
|
|
||||||
--text-5: #585858;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e8e8e8;
|
||||||
--hover: #7cafc21a;
|
--control-brand-foreground: #e8e8e8;
|
||||||
--active: #7cafc233;
|
--text-link: #7cafc2 !important;
|
||||||
--message-hover: #2828280a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a1b56c;
|
||||||
|
--status-warning: #f7ca88;
|
||||||
|
--status-danger: #ab4642;
|
||||||
|
--icon-voice-muted: #ab4642;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e8e8e8;
|
||||||
|
--scrollbar-auto-thumb: #e8e8e8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #181818 !important;
|
||||||
|
background-color: #e8e8e8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d8d8d8;
|
||||||
|
background: #181818;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ba8baf; }
|
||||||
|
.hljs-string { color: #a1b56c; }
|
||||||
|
.hljs-number { color: #dc9656; }
|
||||||
|
.hljs-comment { color: #585858; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a1b56c; /* Green */
|
|
||||||
--dnd-indicator: #ab4642; /* Red */
|
|
||||||
--idle-indicator: #f7ca88; /* Yellow */
|
|
||||||
--streaming-indicator: #ba8baf; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #7cafc2; /* Blue */
|
|
||||||
--accent-2: #86c1b9; /* Cyan */
|
|
||||||
--accent-3: #86c1b9;
|
|
||||||
--accent-4: #7cafc2;
|
|
||||||
--accent-5: #ab4642;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #f8f8f8;
|
|
||||||
--bg-2: #e8e8e8;
|
|
||||||
--bg-3: #f8f8f8;
|
|
||||||
--bg-4: #f8f8f8;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #f8f8f8;
|
||||||
|
--background-base-lowest: #f8f8f8 !important;
|
||||||
|
--background-base-lower: #e8e8e8 !important;
|
||||||
|
--background-surface-high: #f8f8f8 !important;
|
||||||
|
--chat-background: #f8f8f8;
|
||||||
|
--home-background: #f8f8f8;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e8e8e8 !important;
|
||||||
|
--background-surface-highest: #d8d8d8 !important;
|
||||||
|
--background-accent: #d8d8d8 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #383838;
|
--text-default: #383838;
|
||||||
--text-1: #383838;
|
--text-strong: #383838 !important;
|
||||||
--text-2: #383838;
|
--text-muted: #585858 !important;
|
||||||
--text-3: #383838;
|
--text-subtle: #b8b8b8;
|
||||||
--text-4: #383838;
|
|
||||||
--text-5: #b8b8b8;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #282828 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #282828;
|
||||||
--hover: #7cafc21a;
|
--control-brand-foreground: #282828;
|
||||||
--active: #7cafc233;
|
--text-link: #7cafc2 !important;
|
||||||
--message-hover: #e8e8e80a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a1b56c;
|
||||||
|
--status-warning: #f7ca88;
|
||||||
|
--status-danger: #ab4642;
|
||||||
|
--icon-voice-muted: #ab4642;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #282828;
|
||||||
|
--scrollbar-auto-thumb: #282828;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #f8f8f8 !important;
|
||||||
|
background-color: #282828 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #383838;
|
||||||
|
background: #f8f8f8;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ba8baf; }
|
||||||
|
.hljs-string { color: #a1b56c; }
|
||||||
|
.hljs-number { color: #dc9656; }
|
||||||
|
.hljs-comment { color: #b8b8b8; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #64c83c; /* Green */
|
|
||||||
--dnd-indicator: #c85a46; /* Red */
|
|
||||||
--idle-indicator: #a67a50; /* Yellow */
|
|
||||||
--streaming-indicator: #9472b4; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #5482af; /* Blue */
|
|
||||||
--accent-2: #468c78; /* Cyan */
|
|
||||||
--accent-3: #468c78;
|
|
||||||
--accent-4: #5482af;
|
|
||||||
--accent-5: #c85a46;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #000000;
|
|
||||||
--bg-2: #4a806c;
|
|
||||||
--bg-3: #000000;
|
|
||||||
--bg-4: #000000;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #000000;
|
||||||
|
--background-base-lowest: #000000 !important;
|
||||||
|
--background-base-lower: #4a806c !important;
|
||||||
|
--background-surface-high: #000000 !important;
|
||||||
|
--chat-background: #000000;
|
||||||
|
--home-background: #000000;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #4a806c !important;
|
||||||
|
--background-surface-highest: #4a8d7e !important;
|
||||||
|
--background-accent: #4a8d7e !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #00ff00;
|
--text-default: #00ff00;
|
||||||
--text-1: #00ff00;
|
--text-strong: #00ff00 !important;
|
||||||
--text-2: #00ff00;
|
--text-muted: #919893 !important;
|
||||||
--text-3: #00ff00;
|
--text-subtle: #7c8d7c;
|
||||||
--text-4: #00ff00;
|
|
||||||
--text-5: #7c8d7c;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #c4cec4 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #c4cec4;
|
||||||
--hover: #5482af1a;
|
--control-brand-foreground: #c4cec4;
|
||||||
--active: #5482af33;
|
--text-link: #5482af !important;
|
||||||
--message-hover: #4a806c0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #64c83c;
|
||||||
|
--status-warning: #a67a50;
|
||||||
|
--status-danger: #c85a46;
|
||||||
|
--icon-voice-muted: #c85a46;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #c4cec4;
|
||||||
|
--scrollbar-auto-thumb: #c4cec4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #000000 !important;
|
||||||
|
background-color: #c4cec4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #00ff00;
|
||||||
|
background: #000000;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #9472b4; }
|
||||||
|
.hljs-string { color: #64c83c; }
|
||||||
|
.hljs-number { color: #c86428; }
|
||||||
|
.hljs-comment { color: #7c8d7c; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #730073; /* Green */
|
|
||||||
--dnd-indicator: #840000; /* Red */
|
|
||||||
--idle-indicator: #755b00; /* Yellow */
|
|
||||||
--streaming-indicator: #000090; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #007300; /* Blue */
|
|
||||||
--accent-2: #755b00; /* Cyan */
|
|
||||||
--accent-3: #755b00;
|
|
||||||
--accent-4: #007300;
|
|
||||||
--accent-5: #840000;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #e0e0e0;
|
|
||||||
--bg-2: #d0dad0;
|
|
||||||
--bg-3: #e0e0e0;
|
|
||||||
--bg-4: #e0e0e0;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #e0e0e0;
|
||||||
|
--background-base-lowest: #e0e0e0 !important;
|
||||||
|
--background-base-lower: #d0dad0 !important;
|
||||||
|
--background-surface-high: #e0e0e0 !important;
|
||||||
|
--chat-background: #e0e0e0;
|
||||||
|
--home-background: #e0e0e0;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #d0dad0 !important;
|
||||||
|
--background-surface-highest: #d0d0d0 !important;
|
||||||
|
--background-accent: #d0d0d0 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #000000;
|
--text-default: #000000;
|
||||||
--text-1: #000000;
|
--text-strong: #000000 !important;
|
||||||
--text-2: #000000;
|
--text-muted: #202020 !important;
|
||||||
--text-3: #000000;
|
--text-subtle: #707070;
|
||||||
--text-4: #000000;
|
|
||||||
--text-5: #707070;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f8f8f8 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f8f8f8;
|
||||||
--hover: #0073001a;
|
--control-brand-foreground: #f8f8f8;
|
||||||
--active: #00730033;
|
--text-link: #007300 !important;
|
||||||
--message-hover: #d0dad00a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #730073;
|
||||||
|
--status-warning: #755b00;
|
||||||
|
--status-danger: #840000;
|
||||||
|
--icon-voice-muted: #840000;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f8f8f8;
|
||||||
|
--scrollbar-auto-thumb: #f8f8f8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #e0e0e0 !important;
|
||||||
|
background-color: #f8f8f8 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #000000;
|
||||||
|
background: #e0e0e0;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #000090; }
|
||||||
|
.hljs-string { color: #730073; }
|
||||||
|
.hljs-number { color: #006565; }
|
||||||
|
.hljs-comment { color: #707070; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #50fa7b; /* Green */
|
|
||||||
--dnd-indicator: #ff5555; /* Red */
|
|
||||||
--idle-indicator: #f1fa8c; /* Yellow */
|
|
||||||
--streaming-indicator: #ff79c6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #80bfff; /* Blue */
|
|
||||||
--accent-2: #8be9fd; /* Cyan */
|
|
||||||
--accent-3: #8be9fd;
|
|
||||||
--accent-4: #80bfff;
|
|
||||||
--accent-5: #ff5555;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #282a36;
|
|
||||||
--bg-2: #363447;
|
|
||||||
--bg-3: #282a36;
|
|
||||||
--bg-4: #282a36;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #282a36;
|
||||||
|
--background-base-lowest: #282a36 !important;
|
||||||
|
--background-base-lower: #363447 !important;
|
||||||
|
--background-surface-high: #282a36 !important;
|
||||||
|
--chat-background: #282a36;
|
||||||
|
--home-background: #282a36;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #363447 !important;
|
||||||
|
--background-surface-highest: #44475a !important;
|
||||||
|
--background-accent: #44475a !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #f8f8f2;
|
--text-default: #f8f8f2;
|
||||||
--text-1: #f8f8f2;
|
--text-strong: #f8f8f2 !important;
|
||||||
--text-2: #f8f8f2;
|
--text-muted: #9ea8c7 !important;
|
||||||
--text-3: #f8f8f2;
|
--text-subtle: #6272a4;
|
||||||
--text-4: #f8f8f2;
|
|
||||||
--text-5: #6272a4;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f0f1f4 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f0f1f4;
|
||||||
--hover: #80bfff1a;
|
--control-brand-foreground: #f0f1f4;
|
||||||
--active: #80bfff33;
|
--text-link: #80bfff !important;
|
||||||
--message-hover: #3634470a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #50fa7b;
|
||||||
|
--status-warning: #f1fa8c;
|
||||||
|
--status-danger: #ff5555;
|
||||||
|
--icon-voice-muted: #ff5555;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f0f1f4;
|
||||||
|
--scrollbar-auto-thumb: #f0f1f4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #282a36 !important;
|
||||||
|
background-color: #f0f1f4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #f8f8f2;
|
||||||
|
background: #282a36;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #ff79c6; }
|
||||||
|
.hljs-string { color: #50fa7b; }
|
||||||
|
.hljs-number { color: #ffb86c; }
|
||||||
|
.hljs-comment { color: #6272a4; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #a1bf78; /* Green */
|
|
||||||
--dnd-indicator: #e77171; /* Red */
|
|
||||||
--idle-indicator: #dbb774; /* Yellow */
|
|
||||||
--streaming-indicator: #d390e7; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #73b3e7; /* Blue */
|
|
||||||
--accent-2: #5ebaa5; /* Cyan */
|
|
||||||
--accent-3: #5ebaa5;
|
|
||||||
--accent-4: #73b3e7;
|
|
||||||
--accent-5: #e77171;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #262729;
|
|
||||||
--bg-2: #313235;
|
|
||||||
--bg-3: #262729;
|
|
||||||
--bg-4: #262729;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #262729;
|
||||||
|
--background-base-lowest: #262729 !important;
|
||||||
|
--background-base-lower: #313235 !important;
|
||||||
|
--background-surface-high: #262729 !important;
|
||||||
|
--chat-background: #262729;
|
||||||
|
--home-background: #262729;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #313235 !important;
|
||||||
|
--background-surface-highest: #3d3f42 !important;
|
||||||
|
--background-accent: #3d3f42 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #afb2b5;
|
--text-default: #afb2b5;
|
||||||
--text-1: #afb2b5;
|
--text-strong: #afb2b5 !important;
|
||||||
--text-2: #afb2b5;
|
--text-muted: #95989d !important;
|
||||||
--text-3: #afb2b5;
|
--text-subtle: #4a4c4f;
|
||||||
--text-4: #afb2b5;
|
|
||||||
--text-5: #4a4c4f;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #caccce !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #caccce;
|
||||||
--hover: #73b3e71a;
|
--control-brand-foreground: #caccce;
|
||||||
--active: #73b3e733;
|
--text-link: #73b3e7 !important;
|
||||||
--message-hover: #3132350a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #a1bf78;
|
||||||
|
--status-warning: #dbb774;
|
||||||
|
--status-danger: #e77171;
|
||||||
|
--icon-voice-muted: #e77171;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #caccce;
|
||||||
|
--scrollbar-auto-thumb: #caccce;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #262729 !important;
|
||||||
|
background-color: #caccce !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #afb2b5;
|
||||||
|
background: #262729;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #d390e7; }
|
||||||
|
.hljs-string { color: #a1bf78; }
|
||||||
|
.hljs-number { color: #eba31a; }
|
||||||
|
.hljs-comment { color: #4a4c4f; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7c9f4b; /* Green */
|
|
||||||
--dnd-indicator: #db7070; /* Red */
|
|
||||||
--idle-indicator: #ebcc1a; /* Yellow */
|
|
||||||
--streaming-indicator: #b870ce; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6587bf; /* Blue */
|
|
||||||
--accent-2: #509c93; /* Cyan */
|
|
||||||
--accent-3: #509c93;
|
|
||||||
--accent-4: #6587bf;
|
|
||||||
--accent-5: #db7070;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #fafafa;
|
|
||||||
--bg-2: #e3e5e8;
|
|
||||||
--bg-3: #fafafa;
|
|
||||||
--bg-4: #fafafa;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #fafafa;
|
||||||
|
--background-base-lowest: #fafafa !important;
|
||||||
|
--background-base-lower: #e3e5e8 !important;
|
||||||
|
--background-surface-high: #fafafa !important;
|
||||||
|
--chat-background: #fafafa;
|
||||||
|
--home-background: #fafafa;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #e3e5e8 !important;
|
||||||
|
--background-surface-highest: #acb1b9 !important;
|
||||||
|
--background-accent: #acb1b9 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #474752;
|
--text-default: #474752;
|
||||||
--text-1: #474752;
|
--text-strong: #474752 !important;
|
||||||
--text-2: #474752;
|
--text-muted: #5e646f !important;
|
||||||
--text-3: #474752;
|
--text-subtle: #9197a1;
|
||||||
--text-4: #474752;
|
|
||||||
--text-5: #9197a1;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #3a3a46 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #3a3a46;
|
||||||
--hover: #6587bf1a;
|
--control-brand-foreground: #3a3a46;
|
||||||
--active: #6587bf33;
|
--text-link: #6587bf !important;
|
||||||
--message-hover: #e3e5e80a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7c9f4b;
|
||||||
|
--status-warning: #ebcc1a;
|
||||||
|
--status-danger: #db7070;
|
||||||
|
--icon-voice-muted: #db7070;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #3a3a46;
|
||||||
|
--scrollbar-auto-thumb: #3a3a46;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #fafafa !important;
|
||||||
|
background-color: #3a3a46 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #474752;
|
||||||
|
background: #fafafa;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #b870ce; }
|
||||||
|
.hljs-string { color: #7c9f4b; }
|
||||||
|
.hljs-number { color: #eba31a; }
|
||||||
|
.hljs-comment { color: #9197a1; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #99cc99; /* Green */
|
|
||||||
--dnd-indicator: #f2777a; /* Red */
|
|
||||||
--idle-indicator: #ffcc66; /* Yellow */
|
|
||||||
--streaming-indicator: #cc99cc; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6699cc; /* Blue */
|
|
||||||
--accent-2: #66cccc; /* Cyan */
|
|
||||||
--accent-3: #66cccc;
|
|
||||||
--accent-4: #6699cc;
|
|
||||||
--accent-5: #f2777a;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #2d2d2d;
|
|
||||||
--bg-2: #393939;
|
|
||||||
--bg-3: #2d2d2d;
|
|
||||||
--bg-4: #2d2d2d;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #2d2d2d;
|
||||||
|
--background-base-lowest: #2d2d2d !important;
|
||||||
|
--background-base-lower: #393939 !important;
|
||||||
|
--background-surface-high: #2d2d2d !important;
|
||||||
|
--chat-background: #2d2d2d;
|
||||||
|
--home-background: #2d2d2d;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #393939 !important;
|
||||||
|
--background-surface-highest: #515151 !important;
|
||||||
|
--background-accent: #515151 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #d3d0c8;
|
--text-default: #d3d0c8;
|
||||||
--text-1: #d3d0c8;
|
--text-strong: #d3d0c8 !important;
|
||||||
--text-2: #d3d0c8;
|
--text-muted: #a09f93 !important;
|
||||||
--text-3: #d3d0c8;
|
--text-subtle: #747369;
|
||||||
--text-4: #d3d0c8;
|
|
||||||
--text-5: #747369;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #e8e6df !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #e8e6df;
|
||||||
--hover: #6699cc1a;
|
--control-brand-foreground: #e8e6df;
|
||||||
--active: #6699cc33;
|
--text-link: #6699cc !important;
|
||||||
--message-hover: #3939390a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #99cc99;
|
||||||
|
--status-warning: #ffcc66;
|
||||||
|
--status-danger: #f2777a;
|
||||||
|
--icon-voice-muted: #f2777a;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #e8e6df;
|
||||||
|
--scrollbar-auto-thumb: #e8e6df;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #2d2d2d !important;
|
||||||
|
background-color: #e8e6df !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #d3d0c8;
|
||||||
|
background: #2d2d2d;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #cc99cc; }
|
||||||
|
.hljs-string { color: #99cc99; }
|
||||||
|
.hljs-number { color: #f99157; }
|
||||||
|
.hljs-comment { color: #747369; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #37f499; /* Green */
|
|
||||||
--dnd-indicator: #f16c75; /* Red */
|
|
||||||
--idle-indicator: #f1fc79; /* Yellow */
|
|
||||||
--streaming-indicator: #a48cf2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #39ddfd; /* Blue */
|
|
||||||
--accent-2: #04d1f9; /* Cyan */
|
|
||||||
--accent-3: #04d1f9;
|
|
||||||
--accent-4: #39ddfd;
|
|
||||||
--accent-5: #f16c75;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #212337;
|
|
||||||
--bg-2: #323449;
|
|
||||||
--bg-3: #212337;
|
|
||||||
--bg-4: #212337;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #212337;
|
||||||
|
--background-base-lowest: #212337 !important;
|
||||||
|
--background-base-lower: #323449 !important;
|
||||||
|
--background-surface-high: #212337 !important;
|
||||||
|
--chat-background: #212337;
|
||||||
|
--home-background: #212337;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #323449 !important;
|
||||||
|
--background-surface-highest: #3b4261 !important;
|
||||||
|
--background-accent: #3b4261 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #ebfafa;
|
--text-default: #ebfafa;
|
||||||
--text-1: #ebfafa;
|
--text-strong: #ebfafa !important;
|
||||||
--text-2: #ebfafa;
|
--text-muted: #a1abe0 !important;
|
||||||
--text-3: #ebfafa;
|
--text-subtle: #7081d0;
|
||||||
--text-4: #ebfafa;
|
|
||||||
--text-5: #7081d0;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #f0f2f4 !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #f0f2f4;
|
||||||
--hover: #39ddfd1a;
|
--control-brand-foreground: #f0f2f4;
|
||||||
--active: #39ddfd33;
|
--text-link: #39ddfd !important;
|
||||||
--message-hover: #3234490a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #37f499;
|
||||||
|
--status-warning: #f1fc79;
|
||||||
|
--status-danger: #f16c75;
|
||||||
|
--icon-voice-muted: #f16c75;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #f0f2f4;
|
||||||
|
--scrollbar-auto-thumb: #f0f2f4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #212337 !important;
|
||||||
|
background-color: #f0f2f4 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #ebfafa;
|
||||||
|
background: #212337;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #a48cf2; }
|
||||||
|
.hljs-string { color: #37f499; }
|
||||||
|
.hljs-number { color: #f7c67f; }
|
||||||
|
.hljs-comment { color: #7081d0; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #57826d; /* Green */
|
|
||||||
--dnd-indicator: #826d57; /* Red */
|
|
||||||
--idle-indicator: #6d8257; /* Yellow */
|
|
||||||
--streaming-indicator: #82576d; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #6d5782; /* Blue */
|
|
||||||
--accent-2: #576d82; /* Cyan */
|
|
||||||
--accent-3: #576d82;
|
|
||||||
--accent-4: #6d5782;
|
|
||||||
--accent-5: #826d57;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #16130f;
|
|
||||||
--bg-2: #2c2620;
|
|
||||||
--bg-3: #16130f;
|
|
||||||
--bg-4: #16130f;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #16130f;
|
||||||
|
--background-base-lowest: #16130f !important;
|
||||||
|
--background-base-lower: #2c2620 !important;
|
||||||
|
--background-surface-high: #16130f !important;
|
||||||
|
--chat-background: #16130f;
|
||||||
|
--home-background: #16130f;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #2c2620 !important;
|
||||||
|
--background-surface-highest: #433b32 !important;
|
||||||
|
--background-accent: #433b32 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #a39a90;
|
--text-default: #a39a90;
|
||||||
--text-1: #a39a90;
|
--text-strong: #a39a90 !important;
|
||||||
--text-2: #a39a90;
|
--text-muted: #8a8075 !important;
|
||||||
--text-3: #a39a90;
|
--text-subtle: #5a5047;
|
||||||
--text-4: #a39a90;
|
|
||||||
--text-5: #5a5047;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #beb6ae !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #beb6ae;
|
||||||
--hover: #6d57821a;
|
--control-brand-foreground: #beb6ae;
|
||||||
--active: #6d578233;
|
--text-link: #6d5782 !important;
|
||||||
--message-hover: #2c26200a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #57826d;
|
||||||
|
--status-warning: #6d8257;
|
||||||
|
--status-danger: #826d57;
|
||||||
|
--icon-voice-muted: #826d57;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #beb6ae;
|
||||||
|
--scrollbar-auto-thumb: #beb6ae;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #16130f !important;
|
||||||
|
background-color: #beb6ae !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #a39a90;
|
||||||
|
background: #16130f;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #82576d; }
|
||||||
|
.hljs-string { color: #57826d; }
|
||||||
|
.hljs-number { color: #828257; }
|
||||||
|
.hljs-comment { color: #5a5047; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #6d8257; /* Green */
|
|
||||||
--dnd-indicator: #576d82; /* Red */
|
|
||||||
--idle-indicator: #57826d; /* Yellow */
|
|
||||||
--streaming-indicator: #6d5782; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #82576d; /* Blue */
|
|
||||||
--accent-2: #826d57; /* Cyan */
|
|
||||||
--accent-3: #826d57;
|
|
||||||
--accent-4: #82576d;
|
|
||||||
--accent-5: #576d82;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #d1d6db;
|
|
||||||
--bg-2: #aeb6be;
|
|
||||||
--bg-3: #d1d6db;
|
|
||||||
--bg-4: #d1d6db;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #d1d6db;
|
||||||
|
--background-base-lowest: #d1d6db !important;
|
||||||
|
--background-base-lower: #aeb6be !important;
|
||||||
|
--background-surface-high: #d1d6db !important;
|
||||||
|
--chat-background: #d1d6db;
|
||||||
|
--home-background: #d1d6db;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #aeb6be !important;
|
||||||
|
--background-surface-highest: #909aa3 !important;
|
||||||
|
--background-accent: #909aa3 !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #323b43;
|
--text-default: #323b43;
|
||||||
--text-1: #323b43;
|
--text-strong: #323b43 !important;
|
||||||
--text-2: #323b43;
|
--text-muted: #47505a !important;
|
||||||
--text-3: #323b43;
|
--text-subtle: #75808a;
|
||||||
--text-4: #323b43;
|
|
||||||
--text-5: #75808a;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #20262c !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #20262c;
|
||||||
--hover: #82576d1a;
|
--control-brand-foreground: #20262c;
|
||||||
--active: #82576d33;
|
--text-link: #82576d !important;
|
||||||
--message-hover: #aeb6be0a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #6d8257;
|
||||||
|
--status-warning: #57826d;
|
||||||
|
--status-danger: #576d82;
|
||||||
|
--icon-voice-muted: #576d82;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #20262c;
|
||||||
|
--scrollbar-auto-thumb: #20262c;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #d1d6db !important;
|
||||||
|
background-color: #20262c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #323b43;
|
||||||
|
background: #d1d6db;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6d5782; }
|
||||||
|
.hljs-string { color: #6d8257; }
|
||||||
|
.hljs-number { color: #578282; }
|
||||||
|
.hljs-comment { color: #75808a; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #0073a8; /* Green */
|
|
||||||
--dnd-indicator: #f43979; /* Red */
|
|
||||||
--idle-indicator: #ff669b; /* Yellow */
|
|
||||||
--streaming-indicator: #6916b6; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #471397; /* Blue */
|
|
||||||
--accent-2: #2155d6; /* Cyan */
|
|
||||||
--accent-3: #2155d6;
|
|
||||||
--accent-4: #471397;
|
|
||||||
--accent-5: #f43979;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #efefef;
|
|
||||||
--bg-2: #bebed2;
|
|
||||||
--bg-3: #efefef;
|
|
||||||
--bg-4: #efefef;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #efefef;
|
||||||
|
--background-base-lowest: #efefef !important;
|
||||||
|
--background-base-lower: #bebed2 !important;
|
||||||
|
--background-surface-high: #efefef !important;
|
||||||
|
--chat-background: #efefef;
|
||||||
|
--home-background: #efefef;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #bebed2 !important;
|
||||||
|
--background-surface-highest: #9e9eaf !important;
|
||||||
|
--background-accent: #9e9eaf !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #313145;
|
--text-default: #313145;
|
||||||
--text-1: #313145;
|
--text-strong: #313145 !important;
|
||||||
--text-2: #313145;
|
--text-muted: #505063 !important;
|
||||||
--text-3: #313145;
|
--text-subtle: #7c7c98;
|
||||||
--text-4: #313145;
|
|
||||||
--text-5: #7c7c98;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #22223a !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #22223a;
|
||||||
--hover: #4713971a;
|
--control-brand-foreground: #22223a;
|
||||||
--active: #47139733;
|
--text-link: #471397 !important;
|
||||||
--message-hover: #bebed20a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #0073a8;
|
||||||
|
--status-warning: #ff669b;
|
||||||
|
--status-danger: #f43979;
|
||||||
|
--icon-voice-muted: #f43979;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #22223a;
|
||||||
|
--scrollbar-auto-thumb: #22223a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #efefef !important;
|
||||||
|
background-color: #22223a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #313145;
|
||||||
|
background: #efefef;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6916b6; }
|
||||||
|
.hljs-string { color: #0073a8; }
|
||||||
|
.hljs-number { color: #d22a8b; }
|
||||||
|
.hljs-comment { color: #7c7c98; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
|
|
@ -1,41 +1,64 @@
|
||||||
/**
|
/* Tinty Template: Discord Visual Refresh
|
||||||
* @name Midnight (Tinty Edition)
|
Mapped from Catppuccin Mocha Pink
|
||||||
*/
|
*/
|
||||||
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--font: 'figtree';
|
|
||||||
--corner-text: 'Midnight';
|
|
||||||
|
|
||||||
/* Status Indicators */
|
|
||||||
--online-indicator: #7f8b00; /* Green */
|
|
||||||
--dnd-indicator: #f04339; /* Red */
|
|
||||||
--idle-indicator: #bb8801; /* Yellow */
|
|
||||||
--streaming-indicator: #6a7fd2; /* Mauve/Purple */
|
|
||||||
|
|
||||||
/* Accent Colors */
|
|
||||||
--accent-1: #008dd1; /* Blue */
|
|
||||||
--accent-2: #00948b; /* Cyan */
|
|
||||||
--accent-3: #00948b;
|
|
||||||
--accent-4: #008dd1;
|
|
||||||
--accent-5: #f04339;
|
|
||||||
|
|
||||||
/* Backgrounds */
|
|
||||||
--bg-1: #0c1118;
|
|
||||||
--bg-2: #181c22;
|
|
||||||
--bg-3: #0c1118;
|
|
||||||
--bg-4: #0c1118;
|
|
||||||
|
|
||||||
|
.visual-refresh.theme-dark,
|
||||||
|
.visual-refresh .theme-dark {
|
||||||
|
/* Main Backgrounds */
|
||||||
|
--app-frame-background: #0c1118;
|
||||||
|
--background-base-lowest: #0c1118 !important;
|
||||||
|
--background-base-lower: #181c22 !important;
|
||||||
|
--background-surface-high: #0c1118 !important;
|
||||||
|
--chat-background: #0c1118;
|
||||||
|
--home-background: #0c1118;
|
||||||
|
|
||||||
|
/* UI Accents & Surfaces */
|
||||||
|
--background-surface-higher: #181c22 !important;
|
||||||
|
--background-surface-highest: #22262d !important;
|
||||||
|
--background-accent: #22262d !important;
|
||||||
|
|
||||||
/* Text Colors */
|
/* Text Colors */
|
||||||
--text-0: #afaba2;
|
--text-default: #afaba2;
|
||||||
--text-1: #afaba2;
|
--text-strong: #afaba2 !important;
|
||||||
--text-2: #afaba2;
|
--text-muted: #949088 !important;
|
||||||
--text-3: #afaba2;
|
--text-subtle: #7b776e;
|
||||||
--text-4: #afaba2;
|
|
||||||
--text-5: #7b776e;
|
/* Branding & Interactives (Using base06/base0D for accents) */
|
||||||
|
--brand-500: #cac6bd !important; /* This was Pink (#f5c2e7) */
|
||||||
/* Popups & Modals - using hex + alpha */
|
--text-brand: #cac6bd;
|
||||||
--hover: #008dd11a;
|
--control-brand-foreground: #cac6bd;
|
||||||
--active: #008dd133;
|
--text-link: #008dd1 !important;
|
||||||
--message-hover: #181c220a;
|
|
||||||
|
/* Syntax & Status */
|
||||||
|
--status-positive: #7f8b00;
|
||||||
|
--status-warning: #bb8801;
|
||||||
|
--status-danger: #f04339;
|
||||||
|
--icon-voice-muted: #f04339;
|
||||||
|
|
||||||
|
/* Scrollbars */
|
||||||
|
--scrollbar-thin-thumb: #cac6bd;
|
||||||
|
--scrollbar-auto-thumb: #cac6bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Button Recoloring */
|
||||||
|
.visual-refresh.theme-dark button.vc-btn-primary,
|
||||||
|
.visual-refresh .theme-dark button.vc-btn-primary {
|
||||||
|
color: #0c1118 !important;
|
||||||
|
background-color: #cac6bd !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Syntax Highlighting Section */
|
||||||
|
.visual-refresh.theme-dark.hljs,
|
||||||
|
.visual-refresh .theme-dark.hljs {
|
||||||
|
color: #afaba2;
|
||||||
|
background: #0c1118;
|
||||||
|
}
|
||||||
|
.hljs-keyword { color: #6a7fd2; }
|
||||||
|
.hljs-string { color: #7f8b00; }
|
||||||
|
.hljs-number { color: #df5923; }
|
||||||
|
.hljs-comment { color: #7b776e; }
|
||||||
|
|
||||||
|
/* Note: To keep the response concise, standard SVG filters and
|
||||||
|
individual icon overrides from your CSS have been omitted.
|
||||||
|
They generally use --white and --brand-500 variables defined above.
|
||||||
|
*/
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue