tinted-discord/build/base16-blueish
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: #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-default: #c8e1f8;
--text-strong: #c8e1f8 !important;
--text-muted: #74afe7 !important;
--text-subtle: #616d78;
/* Branding & Interactives (Using base06/base0D for accents) */
--brand-500: #ddeaf6 !important; /* This was Pink (#f5c2e7) */
--text-brand: #ddeaf6;
--control-brand-foreground: #ddeaf6;
--text-link: #82aaff !important;
/* 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.
*/