tinted-discord/build/base16-bespin
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: #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-default: #8a8986;
--text-strong: #8a8986 !important;
--text-muted: #797977 !important;
--text-subtle: #666666;
/* Branding & Interactives (Using base06/base0D for accents) */
--brand-500: #9d9b97 !important; /* This was Pink (#f5c2e7) */
--text-brand: #9d9b97;
--control-brand-foreground: #9d9b97;
--text-link: #5ea6ea !important;
/* 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.
*/