tinted-discord/build/base16-dracula
2026-04-01 13:30:24 +02:00

64 lines
1.9 KiB
Text

/* Tinty Template: Discord Visual Refresh
Mapped from Catppuccin Mocha Pink
*/
.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-default: #f8f8f2;
--text-strong: #f8f8f2 !important;
--text-muted: #9ea8c7 !important;
--text-subtle: #6272a4;
/* Branding & Interactives (Using base06/base0D for accents) */
--brand-500: #f0f1f4 !important; /* This was Pink (#f5c2e7) */
--text-brand: #f0f1f4;
--control-brand-foreground: #f0f1f4;
--text-link: #80bfff !important;
/* 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.
*/