From 72b07f4f8225aaa642c1a7922a0306b28914c829 Mon Sep 17 00:00:00 2001 From: lucy Date: Wed, 1 Apr 2026 13:30:24 +0200 Subject: [PATCH] make theme more pretty --- build/base16-0x96f | 99 ++++++++++++------- build/base16-3024 | 99 ++++++++++++------- build/base16-apathy | 99 ++++++++++++------- build/base16-apprentice | 99 ++++++++++++------- build/base16-ascendancy | 99 ++++++++++++------- build/base16-ashes | 99 ++++++++++++------- build/base16-atelier-cave | 99 ++++++++++++------- build/base16-atelier-cave-light | 99 ++++++++++++------- build/base16-atelier-dune | 99 ++++++++++++------- build/base16-atelier-dune-light | 99 ++++++++++++------- build/base16-atelier-estuary | 99 ++++++++++++------- build/base16-atelier-estuary-light | 99 ++++++++++++------- build/base16-atelier-forest | 99 ++++++++++++------- build/base16-atelier-forest-light | 99 ++++++++++++------- build/base16-atelier-heath | 99 ++++++++++++------- build/base16-atelier-heath-light | 99 ++++++++++++------- build/base16-atelier-lakeside | 99 ++++++++++++------- build/base16-atelier-lakeside-light | 99 ++++++++++++------- build/base16-atelier-plateau | 99 ++++++++++++------- build/base16-atelier-plateau-light | 99 ++++++++++++------- build/base16-atelier-savanna | 99 ++++++++++++------- build/base16-atelier-savanna-light | 99 ++++++++++++------- build/base16-atelier-seaside | 99 ++++++++++++------- build/base16-atelier-seaside-light | 99 ++++++++++++------- build/base16-atelier-sulphurpool | 99 ++++++++++++------- build/base16-atelier-sulphurpool-light | 99 ++++++++++++------- build/base16-atlas | 99 ++++++++++++------- build/base16-ayu-dark | 99 ++++++++++++------- build/base16-ayu-light | 99 ++++++++++++------- build/base16-ayu-mirage | 99 ++++++++++++------- build/base16-aztec | 99 ++++++++++++------- build/base16-bespin | 99 ++++++++++++------- build/base16-black-metal | 99 ++++++++++++------- build/base16-black-metal-bathory | 99 ++++++++++++------- build/base16-black-metal-burzum | 99 ++++++++++++------- build/base16-black-metal-dark-funeral | 99 ++++++++++++------- build/base16-black-metal-gorgoroth | 99 ++++++++++++------- build/base16-black-metal-immortal | 99 ++++++++++++------- build/base16-black-metal-khold | 99 ++++++++++++------- build/base16-black-metal-marduk | 99 ++++++++++++------- build/base16-black-metal-mayhem | 99 ++++++++++++------- build/base16-black-metal-nile | 99 ++++++++++++------- build/base16-black-metal-venom | 99 ++++++++++++------- build/base16-blueforest | 99 ++++++++++++------- build/base16-blueish | 99 ++++++++++++------- build/base16-booshnickle-dark | 99 ++++++++++++------- build/base16-brewer | 99 ++++++++++++------- build/base16-bright | 99 ++++++++++++------- build/base16-brogrammer | 99 ++++++++++++------- build/base16-brushtrees | 99 ++++++++++++------- build/base16-brushtrees-dark | 99 ++++++++++++------- build/base16-caroline | 99 ++++++++++++------- build/base16-catppuccin-frappe | 99 ++++++++++++------- build/base16-catppuccin-latte | 99 ++++++++++++------- build/base16-catppuccin-macchiato | 99 ++++++++++++------- build/base16-catppuccin-mocha | 99 ++++++++++++------- build/base16-chalk | 99 ++++++++++++------- build/base16-charcoal-dark | 99 ++++++++++++------- build/base16-charcoal-light | 99 ++++++++++++------- build/base16-chicago-day | 99 ++++++++++++------- build/base16-chicago-night | 99 ++++++++++++------- build/base16-chinoiserie | 99 ++++++++++++------- build/base16-chinoiserie-midnight | 99 ++++++++++++------- build/base16-chinoiserie-morandi | 99 ++++++++++++------- build/base16-chinoiserie-night | 99 ++++++++++++------- build/base16-circus | 99 ++++++++++++------- build/base16-classic-dark | 99 ++++++++++++------- build/base16-classic-light | 99 ++++++++++++------- build/base16-codeschool | 99 ++++++++++++------- build/base16-colors | 99 ++++++++++++------- build/base16-cupcake | 99 ++++++++++++------- build/base16-cupertino | 99 ++++++++++++------- build/base16-cyberpunk | 99 ++++++++++++------- build/base16-da-one-black | 99 ++++++++++++------- build/base16-da-one-gray | 99 ++++++++++++------- build/base16-da-one-ocean | 99 ++++++++++++------- build/base16-da-one-paper | 99 ++++++++++++------- build/base16-da-one-sea | 99 ++++++++++++------- build/base16-da-one-white | 99 ++++++++++++------- build/base16-danqing | 99 ++++++++++++------- build/base16-danqing-light | 99 ++++++++++++------- build/base16-darcula | 99 ++++++++++++------- build/base16-darkmoss | 99 ++++++++++++------- build/base16-darktooth | 99 ++++++++++++------- build/base16-darkviolet | 99 ++++++++++++------- build/base16-decaf | 99 ++++++++++++------- build/base16-deep-oceanic-next | 99 ++++++++++++------- build/base16-default-dark | 99 ++++++++++++------- build/base16-default-light | 99 ++++++++++++------- build/base16-digital-rain | 99 ++++++++++++------- build/base16-dirtysea | 99 ++++++++++++------- build/base16-dracula | 99 ++++++++++++------- build/base16-edge-dark | 99 ++++++++++++------- build/base16-edge-light | 99 ++++++++++++------- build/base16-eighties | 99 ++++++++++++------- build/base16-eldritch | 99 ++++++++++++------- build/base16-embers | 99 ++++++++++++------- build/base16-embers-light | 99 ++++++++++++------- build/base16-emil | 99 ++++++++++++------- build/base16-equilibrium-dark | 99 ++++++++++++------- build/base16-equilibrium-gray-dark | 99 ++++++++++++------- build/base16-equilibrium-gray-light | 99 ++++++++++++------- build/base16-equilibrium-light | 99 ++++++++++++------- build/base16-eris | 99 ++++++++++++------- build/base16-espresso | 99 ++++++++++++------- build/base16-eva | 99 ++++++++++++------- build/base16-eva-dim | 99 ++++++++++++------- build/base16-evenok-dark | 99 ++++++++++++------- build/base16-everforest | 99 ++++++++++++------- build/base16-everforest-dark-hard | 99 ++++++++++++------- build/base16-everforest-dark-medium | 99 ++++++++++++------- build/base16-everforest-dark-soft | 99 ++++++++++++------- build/base16-flat | 99 ++++++++++++------- build/base16-flexoki-dark | 99 ++++++++++++------- build/base16-flexoki-light | 99 ++++++++++++------- build/base16-framer | 99 ++++++++++++------- build/base16-fruit-soda | 99 ++++++++++++------- build/base16-gigavolt | 99 ++++++++++++------- build/base16-github | 99 ++++++++++++------- build/base16-github-dark | 99 ++++++++++++------- build/base16-google-dark | 99 ++++++++++++------- build/base16-google-light | 99 ++++++++++++------- build/base16-gotham | 99 ++++++++++++------- build/base16-grayscale-dark | 99 ++++++++++++------- build/base16-grayscale-light | 99 ++++++++++++------- build/base16-greenscreen | 99 ++++++++++++------- build/base16-gruber | 99 ++++++++++++------- build/base16-gruvbox-dark | 99 ++++++++++++------- build/base16-gruvbox-dark-hard | 99 ++++++++++++------- build/base16-gruvbox-dark-medium | 99 ++++++++++++------- build/base16-gruvbox-dark-pale | 99 ++++++++++++------- build/base16-gruvbox-dark-soft | 99 ++++++++++++------- build/base16-gruvbox-light | 99 ++++++++++++------- build/base16-gruvbox-light-hard | 99 ++++++++++++------- build/base16-gruvbox-light-medium | 99 ++++++++++++------- build/base16-gruvbox-light-soft | 99 ++++++++++++------- build/base16-gruvbox-material-dark-hard | 99 ++++++++++++------- build/base16-gruvbox-material-dark-medium | 99 ++++++++++++------- build/base16-gruvbox-material-dark-soft | 99 ++++++++++++------- build/base16-gruvbox-material-light-hard | 99 ++++++++++++------- build/base16-gruvbox-material-light-medium | 99 ++++++++++++------- build/base16-gruvbox-material-light-soft | 99 ++++++++++++------- build/base16-hardcore | 99 ++++++++++++------- build/base16-hardhacker | 99 ++++++++++++------- build/base16-harmonic16-dark | 99 ++++++++++++------- build/base16-harmonic16-light | 99 ++++++++++++------- build/base16-heetch | 99 ++++++++++++------- build/base16-heetch-light | 99 ++++++++++++------- build/base16-helios | 99 ++++++++++++------- build/base16-hopscotch | 99 ++++++++++++------- build/base16-horizon-dark | 99 ++++++++++++------- build/base16-horizon-light | 99 ++++++++++++------- build/base16-horizon-terminal-dark | 99 ++++++++++++------- build/base16-horizon-terminal-light | 99 ++++++++++++------- build/base16-humanoid-dark | 99 ++++++++++++------- build/base16-humanoid-light | 99 ++++++++++++------- build/base16-ia-dark | 99 ++++++++++++------- build/base16-ia-light | 99 ++++++++++++------- build/base16-icy | 99 ++++++++++++------- build/base16-irblack | 99 ++++++++++++------- build/base16-isotope | 99 ++++++++++++------- build/base16-jabuti | 99 ++++++++++++------- build/base16-kanagawa | 99 ++++++++++++------- build/base16-kanagawa-dragon | 99 ++++++++++++------- build/base16-katy | 99 ++++++++++++------- build/base16-kimber | 99 ++++++++++++------- build/base16-lime | 99 ++++++++++++------- build/base16-linux-vt | 99 ++++++++++++------- build/base16-macintosh | 99 ++++++++++++------- build/base16-marrakesh | 99 ++++++++++++------- build/base16-materia | 99 ++++++++++++------- build/base16-material | 99 ++++++++++++------- build/base16-material-darker | 99 ++++++++++++------- build/base16-material-lighter | 99 ++++++++++++------- build/base16-material-palenight | 99 ++++++++++++------- build/base16-material-vivid | 99 ++++++++++++------- build/base16-measured-dark | 99 ++++++++++++------- build/base16-measured-light | 99 ++++++++++++------- build/base16-mellow-purple | 99 ++++++++++++------- build/base16-mexico-light | 99 ++++++++++++------- build/base16-mocha | 99 ++++++++++++------- build/base16-monokai | 99 ++++++++++++------- build/base16-moonlight | 99 ++++++++++++------- build/base16-mountain | 99 ++++++++++++------- build/base16-nebula | 99 ++++++++++++------- build/base16-nord | 99 ++++++++++++------- build/base16-nord-light | 99 ++++++++++++------- build/base16-nova | 99 ++++++++++++------- build/base16-ocean | 99 ++++++++++++------- build/base16-oceanicnext | 99 ++++++++++++------- build/base16-one-light | 99 ++++++++++++------- build/base16-onedark | 99 ++++++++++++------- build/base16-onedark-dark | 99 ++++++++++++------- build/base16-outrun-dark | 99 ++++++++++++------- build/base16-oxocarbon-dark | 99 ++++++++++++------- build/base16-oxocarbon-light | 99 ++++++++++++------- build/base16-pandora | 99 ++++++++++++------- build/base16-papercolor-dark | 99 ++++++++++++------- build/base16-papercolor-light | 99 ++++++++++++------- build/base16-paraiso | 99 ++++++++++++------- build/base16-pasque | 99 ++++++++++++------- build/base16-penumbra-dark | 99 ++++++++++++------- build/base16-penumbra-dark-contrast-plus | 99 ++++++++++++------- build/base16-penumbra-dark-contrast-plus-plus | 99 ++++++++++++------- build/base16-penumbra-light | 99 ++++++++++++------- build/base16-penumbra-light-contrast-plus | 99 ++++++++++++------- .../base16-penumbra-light-contrast-plus-plus | 99 ++++++++++++------- build/base16-phd | 99 ++++++++++++------- build/base16-pico | 99 ++++++++++++------- build/base16-pinky | 99 ++++++++++++------- build/base16-pop | 99 ++++++++++++------- build/base16-porple | 99 ++++++++++++------- build/base16-precious-dark-eleven | 99 ++++++++++++------- build/base16-precious-dark-fifteen | 99 ++++++++++++------- build/base16-precious-light-warm | 99 ++++++++++++------- build/base16-precious-light-white | 99 ++++++++++++------- build/base16-primer-dark | 99 ++++++++++++------- build/base16-primer-dark-dimmed | 99 ++++++++++++------- build/base16-primer-light | 99 ++++++++++++------- build/base16-purpledream | 99 ++++++++++++------- build/base16-qualia | 99 ++++++++++++------- build/base16-railscasts | 99 ++++++++++++------- build/base16-rebecca | 99 ++++++++++++------- build/base16-rose-pine | 99 ++++++++++++------- build/base16-rose-pine-dawn | 99 ++++++++++++------- build/base16-rose-pine-moon | 99 ++++++++++++------- build/base16-saga | 99 ++++++++++++------- build/base16-sagelight | 99 ++++++++++++------- build/base16-sakura | 99 ++++++++++++------- build/base16-sandcastle | 99 ++++++++++++------- build/base16-selenized-black | 99 ++++++++++++------- build/base16-selenized-dark | 99 ++++++++++++------- build/base16-selenized-light | 99 ++++++++++++------- build/base16-selenized-white | 99 ++++++++++++------- build/base16-seti | 99 ++++++++++++------- build/base16-shades-of-purple | 99 ++++++++++++------- build/base16-shadesmear-dark | 99 ++++++++++++------- build/base16-shadesmear-light | 99 ++++++++++++------- build/base16-shapeshifter | 99 ++++++++++++------- build/base16-silk-dark | 99 ++++++++++++------- build/base16-silk-light | 99 ++++++++++++------- build/base16-snazzy | 99 ++++++++++++------- build/base16-soft-server | 99 ++++++++++++------- build/base16-solarflare | 99 ++++++++++++------- build/base16-solarflare-light | 99 ++++++++++++------- build/base16-solarized-dark | 99 ++++++++++++------- build/base16-solarized-light | 99 ++++++++++++------- build/base16-spaceduck | 99 ++++++++++++------- build/base16-spacemacs | 99 ++++++++++++------- build/base16-sparky | 99 ++++++++++++------- build/base16-standardized-dark | 99 ++++++++++++------- build/base16-standardized-light | 99 ++++++++++++------- build/base16-stella | 99 ++++++++++++------- build/base16-still-alive | 99 ++++++++++++------- build/base16-summercamp | 99 ++++++++++++------- build/base16-summerfruit-dark | 99 ++++++++++++------- build/base16-summerfruit-light | 99 ++++++++++++------- build/base16-synth-midnight-dark | 99 ++++++++++++------- build/base16-synth-midnight-light | 99 ++++++++++++------- build/base16-tango | 99 ++++++++++++------- build/base16-tarot | 99 ++++++++++++------- build/base16-tender | 99 ++++++++++++------- build/base16-terracotta | 99 ++++++++++++------- build/base16-terracotta-dark | 99 ++++++++++++------- build/base16-tokyo-city-dark | 99 ++++++++++++------- build/base16-tokyo-city-light | 99 ++++++++++++------- build/base16-tokyo-city-terminal-dark | 99 ++++++++++++------- build/base16-tokyo-city-terminal-light | 99 ++++++++++++------- build/base16-tokyo-night-dark | 99 ++++++++++++------- build/base16-tokyo-night-light | 99 ++++++++++++------- build/base16-tokyo-night-moon | 99 ++++++++++++------- build/base16-tokyo-night-storm | 99 ++++++++++++------- build/base16-tokyo-night-terminal-dark | 99 ++++++++++++------- build/base16-tokyo-night-terminal-light | 99 ++++++++++++------- build/base16-tokyo-night-terminal-storm | 99 ++++++++++++------- build/base16-tokyodark | 99 ++++++++++++------- build/base16-tokyodark-terminal | 99 ++++++++++++------- build/base16-tomorrow | 99 ++++++++++++------- build/base16-tomorrow-night | 99 ++++++++++++------- build/base16-tomorrow-night-eighties | 99 ++++++++++++------- build/base16-tube | 99 ++++++++++++------- build/base16-twilight | 99 ++++++++++++------- build/base16-unikitty-dark | 99 ++++++++++++------- build/base16-unikitty-light | 99 ++++++++++++------- build/base16-unikitty-reversible | 99 ++++++++++++------- build/base16-uwunicorn | 99 ++++++++++++------- build/base16-valua | 99 ++++++++++++------- build/base16-vesper | 99 ++++++++++++------- build/base16-vice | 99 ++++++++++++------- build/base16-vulcan | 99 ++++++++++++------- build/base16-windows-10 | 99 ++++++++++++------- build/base16-windows-10-light | 99 ++++++++++++------- build/base16-windows-95 | 99 ++++++++++++------- build/base16-windows-95-light | 99 ++++++++++++------- build/base16-windows-highcontrast | 99 ++++++++++++------- build/base16-windows-highcontrast-light | 99 ++++++++++++------- build/base16-windows-nt | 99 ++++++++++++------- build/base16-windows-nt-light | 99 ++++++++++++------- build/base16-woodland | 99 ++++++++++++------- build/base16-xcode-dusk | 99 ++++++++++++------- build/base16-yesterday | 99 ++++++++++++------- build/base16-yesterday-bright | 99 ++++++++++++------- build/base16-yesterday-night | 99 ++++++++++++------- build/base16-zenbones | 99 ++++++++++++------- build/base16-zenburn | 99 ++++++++++++------- templates/default.mustache | 99 ++++++++++++------- 306 files changed, 18666 insertions(+), 11628 deletions(-) diff --git a/build/base16-0x96f b/build/base16-0x96f index d998163..4b292eb 100644 --- a/build/base16-0x96f +++ b/build/base16-0x96f @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #fcfcfc; - --text-1: #fcfcfc; - --text-2: #fcfcfc; - --text-3: #fcfcfc; - --text-4: #fcfcfc; - --text-5: #676567; - - /* Popups & Modals - using hex + alpha */ - --hover: #49cae41a; - --active: #49cae433; - --message-hover: #3b393c0a; + --text-default: #fcfcfc; + --text-strong: #fcfcfc !important; + --text-muted: #7c7b7d !important; + --text-subtle: #676567; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eae9eb !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eae9eb; + --control-brand-foreground: #eae9eb; + --text-link: #49cae4 !important; + + /* 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. +*/ diff --git a/build/base16-3024 b/build/base16-3024 index a069fe1..1017e24 100644 --- a/build/base16-3024 +++ b/build/base16-3024 @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a5a2a2; - --text-1: #a5a2a2; - --text-2: #a5a2a2; - --text-3: #a5a2a2; - --text-4: #a5a2a2; - --text-5: #5c5855; - - /* Popups & Modals - using hex + alpha */ - --hover: #01a0e41a; - --active: #01a0e433; - --message-hover: #3a34320a; + --text-default: #a5a2a2; + --text-strong: #a5a2a2 !important; + --text-muted: #807d7c !important; + --text-subtle: #5c5855; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d6d5d4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d6d5d4; + --control-brand-foreground: #d6d5d4; + --text-link: #01a0e4 !important; + + /* 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. +*/ diff --git a/build/base16-apathy b/build/base16-apathy index e72a30a..d29b03f 100644 --- a/build/base16-apathy +++ b/build/base16-apathy @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #81b5ac; - --text-1: #81b5ac; - --text-2: #81b5ac; - --text-3: #81b5ac; - --text-4: #81b5ac; - --text-5: #2b685e; - - /* Popups & Modals - using hex + alpha */ - --hover: #96883e1a; - --active: #96883e33; - --message-hover: #0b342d0a; + --text-default: #81b5ac; + --text-strong: #81b5ac !important; + --text-muted: #5f9c92 !important; + --text-subtle: #2b685e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #a7cec8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #a7cec8; + --control-brand-foreground: #a7cec8; + --text-link: #96883e !important; + + /* 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. +*/ diff --git a/build/base16-apprentice b/build/base16-apprentice index 022585b..d1c7141 100644 --- a/build/base16-apprentice +++ b/build/base16-apprentice @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5f5f87; - --text-1: #5f5f87; - --text-2: #5f5f87; - --text-3: #5f5f87; - --text-4: #5f5f87; - --text-5: #87875f; - - /* Popups & Modals - using hex + alpha */ - --hover: #8787af1a; - --active: #8787af33; - --message-hover: #af5f5f0a; + --text-default: #5f5f87; + --text-strong: #5f5f87 !important; + --text-muted: #5f87af !important; + --text-subtle: #87875f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #5f8787 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #5f8787; + --control-brand-foreground: #5f8787; + --text-link: #8787af !important; + + /* 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. +*/ diff --git a/build/base16-ascendancy b/build/base16-ascendancy index eb9063f..d2d42ce 100644 --- a/build/base16-ascendancy +++ b/build/base16-ascendancy @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d5c7a1; - --text-1: #d5c7a1; - --text-2: #d5c7a1; - --text-3: #d5c7a1; - --text-4: #d5c7a1; - --text-5: #928374; - - /* Popups & Modals - using hex + alpha */ - --hover: #4585881a; - --active: #45858833; - --message-hover: #212f3d0a; + --text-default: #d5c7a1; + --text-strong: #d5c7a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #928374; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #458588 !important; + + /* 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. +*/ diff --git a/build/base16-ashes b/build/base16-ashes index d231fa6..d76e66a 100644 --- a/build/base16-ashes +++ b/build/base16-ashes @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c7ccd1; - --text-1: #c7ccd1; - --text-2: #c7ccd1; - --text-3: #c7ccd1; - --text-4: #c7ccd1; - --text-5: #747c84; - - /* Popups & Modals - using hex + alpha */ - --hover: #ae95c71a; - --active: #ae95c733; - --message-hover: #393f450a; + --text-default: #c7ccd1; + --text-strong: #c7ccd1 !important; + --text-muted: #adb3ba !important; + --text-subtle: #747c84; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dfe2e5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dfe2e5; + --control-brand-foreground: #dfe2e5; + --text-link: #ae95c7 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-cave b/build/base16-atelier-cave index a36d5bf..0776442 100644 --- a/build/base16-atelier-cave +++ b/build/base16-atelier-cave @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #8b8792; - --text-1: #8b8792; - --text-2: #8b8792; - --text-3: #8b8792; - --text-4: #8b8792; - --text-5: #655f6d; - - /* Popups & Modals - using hex + alpha */ - --hover: #576ddb1a; - --active: #576ddb33; - --message-hover: #26232a0a; + --text-default: #8b8792; + --text-strong: #8b8792 !important; + --text-muted: #7e7887 !important; + --text-subtle: #655f6d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e2dfe7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e2dfe7; + --control-brand-foreground: #e2dfe7; + --text-link: #576ddb !important; + + /* 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. +*/ diff --git a/build/base16-atelier-cave-light b/build/base16-atelier-cave-light index c8341b4..3b70ad3 100644 --- a/build/base16-atelier-cave-light +++ b/build/base16-atelier-cave-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #585260; - --text-1: #585260; - --text-2: #585260; - --text-3: #585260; - --text-4: #585260; - --text-5: #7e7887; - - /* Popups & Modals - using hex + alpha */ - --hover: #576ddb1a; - --active: #576ddb33; - --message-hover: #e2dfe70a; + --text-default: #585260; + --text-strong: #585260 !important; + --text-muted: #655f6d !important; + --text-subtle: #7e7887; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #26232a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #26232a; + --control-brand-foreground: #26232a; + --text-link: #576ddb !important; + + /* 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. +*/ diff --git a/build/base16-atelier-dune b/build/base16-atelier-dune index 6a927e5..5200b2c 100644 --- a/build/base16-atelier-dune +++ b/build/base16-atelier-dune @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a6a28c; - --text-1: #a6a28c; - --text-2: #a6a28c; - --text-3: #a6a28c; - --text-4: #a6a28c; - --text-5: #7d7a68; - - /* Popups & Modals - using hex + alpha */ - --hover: #6684e11a; - --active: #6684e133; - --message-hover: #2928240a; + --text-default: #a6a28c; + --text-strong: #a6a28c !important; + --text-muted: #999580 !important; + --text-subtle: #7d7a68; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e4cf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e4cf; + --control-brand-foreground: #e8e4cf; + --text-link: #6684e1 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-dune-light b/build/base16-atelier-dune-light index 7a93928..646dcb4 100644 --- a/build/base16-atelier-dune-light +++ b/build/base16-atelier-dune-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #6e6b5e; - --text-1: #6e6b5e; - --text-2: #6e6b5e; - --text-3: #6e6b5e; - --text-4: #6e6b5e; - --text-5: #999580; - - /* Popups & Modals - using hex + alpha */ - --hover: #6684e11a; - --active: #6684e133; - --message-hover: #e8e4cf0a; + --text-default: #6e6b5e; + --text-strong: #6e6b5e !important; + --text-muted: #7d7a68 !important; + --text-subtle: #999580; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #292824 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #292824; + --control-brand-foreground: #292824; + --text-link: #6684e1 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-estuary b/build/base16-atelier-estuary index be9d060..a6d0c70 100644 --- a/build/base16-atelier-estuary +++ b/build/base16-atelier-estuary @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #929181; - --text-1: #929181; - --text-2: #929181; - --text-3: #929181; - --text-4: #929181; - --text-5: #6c6b5a; - - /* Popups & Modals - using hex + alpha */ - --hover: #36a1661a; - --active: #36a16633; - --message-hover: #302f270a; + --text-default: #929181; + --text-strong: #929181 !important; + --text-muted: #878573 !important; + --text-subtle: #6c6b5a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e7e6df !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e7e6df; + --control-brand-foreground: #e7e6df; + --text-link: #36a166 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-estuary-light b/build/base16-atelier-estuary-light index 8ff81bd..ca47325 100644 --- a/build/base16-atelier-estuary-light +++ b/build/base16-atelier-estuary-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5f5e4e; - --text-1: #5f5e4e; - --text-2: #5f5e4e; - --text-3: #5f5e4e; - --text-4: #5f5e4e; - --text-5: #878573; - - /* Popups & Modals - using hex + alpha */ - --hover: #36a1661a; - --active: #36a16633; - --message-hover: #e7e6df0a; + --text-default: #5f5e4e; + --text-strong: #5f5e4e !important; + --text-muted: #6c6b5a !important; + --text-subtle: #878573; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #302f27 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #302f27; + --control-brand-foreground: #302f27; + --text-link: #36a166 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-forest b/build/base16-atelier-forest index 4477c35..de366ad 100644 --- a/build/base16-atelier-forest +++ b/build/base16-atelier-forest @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a8a19f; - --text-1: #a8a19f; - --text-2: #a8a19f; - --text-3: #a8a19f; - --text-4: #a8a19f; - --text-5: #766e6b; - - /* Popups & Modals - using hex + alpha */ - --hover: #407ee71a; - --active: #407ee733; - --message-hover: #2c24210a; + --text-default: #a8a19f; + --text-strong: #a8a19f !important; + --text-muted: #9c9491 !important; + --text-subtle: #766e6b; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e6e2e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e6e2e0; + --control-brand-foreground: #e6e2e0; + --text-link: #407ee7 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-forest-light b/build/base16-atelier-forest-light index 328ab28..67820ab 100644 --- a/build/base16-atelier-forest-light +++ b/build/base16-atelier-forest-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #68615e; - --text-1: #68615e; - --text-2: #68615e; - --text-3: #68615e; - --text-4: #68615e; - --text-5: #9c9491; - - /* Popups & Modals - using hex + alpha */ - --hover: #407ee71a; - --active: #407ee733; - --message-hover: #e6e2e00a; + --text-default: #68615e; + --text-strong: #68615e !important; + --text-muted: #766e6b !important; + --text-subtle: #9c9491; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2c2421 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2c2421; + --control-brand-foreground: #2c2421; + --text-link: #407ee7 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-heath b/build/base16-atelier-heath index a700df8..4093424 100644 --- a/build/base16-atelier-heath +++ b/build/base16-atelier-heath @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ab9bab; - --text-1: #ab9bab; - --text-2: #ab9bab; - --text-3: #ab9bab; - --text-4: #ab9bab; - --text-5: #776977; - - /* Popups & Modals - using hex + alpha */ - --hover: #516aec1a; - --active: #516aec33; - --message-hover: #2923290a; + --text-default: #ab9bab; + --text-strong: #ab9bab !important; + --text-muted: #9e8f9e !important; + --text-subtle: #776977; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d8cad8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d8cad8; + --control-brand-foreground: #d8cad8; + --text-link: #516aec !important; + + /* 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. +*/ diff --git a/build/base16-atelier-heath-light b/build/base16-atelier-heath-light index 2734969..d5795aa 100644 --- a/build/base16-atelier-heath-light +++ b/build/base16-atelier-heath-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #695d69; - --text-1: #695d69; - --text-2: #695d69; - --text-3: #695d69; - --text-4: #695d69; - --text-5: #9e8f9e; - - /* Popups & Modals - using hex + alpha */ - --hover: #516aec1a; - --active: #516aec33; - --message-hover: #d8cad80a; + --text-default: #695d69; + --text-strong: #695d69 !important; + --text-muted: #776977 !important; + --text-subtle: #9e8f9e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #292329 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #292329; + --control-brand-foreground: #292329; + --text-link: #516aec !important; + + /* 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. +*/ diff --git a/build/base16-atelier-lakeside b/build/base16-atelier-lakeside index 87edfb1..cb300f8 100644 --- a/build/base16-atelier-lakeside +++ b/build/base16-atelier-lakeside @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #7ea2b4; - --text-1: #7ea2b4; - --text-2: #7ea2b4; - --text-3: #7ea2b4; - --text-4: #7ea2b4; - --text-5: #5a7b8c; - - /* Popups & Modals - using hex + alpha */ - --hover: #257fad1a; - --active: #257fad33; - --message-hover: #1f292e0a; + --text-default: #7ea2b4; + --text-strong: #7ea2b4 !important; + --text-muted: #7195a8 !important; + --text-subtle: #5a7b8c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c1e4f6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c1e4f6; + --control-brand-foreground: #c1e4f6; + --text-link: #257fad !important; + + /* 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. +*/ diff --git a/build/base16-atelier-lakeside-light b/build/base16-atelier-lakeside-light index 17e24c6..d5bb9b8 100644 --- a/build/base16-atelier-lakeside-light +++ b/build/base16-atelier-lakeside-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #516d7b; - --text-1: #516d7b; - --text-2: #516d7b; - --text-3: #516d7b; - --text-4: #516d7b; - --text-5: #7195a8; - - /* Popups & Modals - using hex + alpha */ - --hover: #257fad1a; - --active: #257fad33; - --message-hover: #c1e4f60a; + --text-default: #516d7b; + --text-strong: #516d7b !important; + --text-muted: #5a7b8c !important; + --text-subtle: #7195a8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1f292e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1f292e; + --control-brand-foreground: #1f292e; + --text-link: #257fad !important; + + /* 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. +*/ diff --git a/build/base16-atelier-plateau b/build/base16-atelier-plateau index 5b31e2d..e860c8e 100644 --- a/build/base16-atelier-plateau +++ b/build/base16-atelier-plateau @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #8a8585; - --text-1: #8a8585; - --text-2: #8a8585; - --text-3: #8a8585; - --text-4: #8a8585; - --text-5: #655d5d; - - /* Popups & Modals - using hex + alpha */ - --hover: #7272ca1a; - --active: #7272ca33; - --message-hover: #2924240a; + --text-default: #8a8585; + --text-strong: #8a8585 !important; + --text-muted: #7e7777 !important; + --text-subtle: #655d5d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e7dfdf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e7dfdf; + --control-brand-foreground: #e7dfdf; + --text-link: #7272ca !important; + + /* 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. +*/ diff --git a/build/base16-atelier-plateau-light b/build/base16-atelier-plateau-light index ba1472a..12b2b0d 100644 --- a/build/base16-atelier-plateau-light +++ b/build/base16-atelier-plateau-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #585050; - --text-1: #585050; - --text-2: #585050; - --text-3: #585050; - --text-4: #585050; - --text-5: #7e7777; - - /* Popups & Modals - using hex + alpha */ - --hover: #7272ca1a; - --active: #7272ca33; - --message-hover: #e7dfdf0a; + --text-default: #585050; + --text-strong: #585050 !important; + --text-muted: #655d5d !important; + --text-subtle: #7e7777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #292424 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #292424; + --control-brand-foreground: #292424; + --text-link: #7272ca !important; + + /* 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. +*/ diff --git a/build/base16-atelier-savanna b/build/base16-atelier-savanna index 5bd50c1..1041206 100644 --- a/build/base16-atelier-savanna +++ b/build/base16-atelier-savanna @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #87928a; - --text-1: #87928a; - --text-2: #87928a; - --text-3: #87928a; - --text-4: #87928a; - --text-5: #5f6d64; - - /* Popups & Modals - using hex + alpha */ - --hover: #478c901a; - --active: #478c9033; - --message-hover: #232a250a; + --text-default: #87928a; + --text-strong: #87928a !important; + --text-muted: #78877d !important; + --text-subtle: #5f6d64; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dfe7e2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dfe7e2; + --control-brand-foreground: #dfe7e2; + --text-link: #478c90 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-savanna-light b/build/base16-atelier-savanna-light index bfe0ebe..2c7769f 100644 --- a/build/base16-atelier-savanna-light +++ b/build/base16-atelier-savanna-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #526057; - --text-1: #526057; - --text-2: #526057; - --text-3: #526057; - --text-4: #526057; - --text-5: #78877d; - - /* Popups & Modals - using hex + alpha */ - --hover: #478c901a; - --active: #478c9033; - --message-hover: #dfe7e20a; + --text-default: #526057; + --text-strong: #526057 !important; + --text-muted: #5f6d64 !important; + --text-subtle: #78877d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #232a25 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #232a25; + --control-brand-foreground: #232a25; + --text-link: #478c90 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-seaside b/build/base16-atelier-seaside index dbed6fb..00fa31a 100644 --- a/build/base16-atelier-seaside +++ b/build/base16-atelier-seaside @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #8ca68c; - --text-1: #8ca68c; - --text-2: #8ca68c; - --text-3: #8ca68c; - --text-4: #8ca68c; - --text-5: #687d68; - - /* Popups & Modals - using hex + alpha */ - --hover: #3d62f51a; - --active: #3d62f533; - --message-hover: #2429240a; + --text-default: #8ca68c; + --text-strong: #8ca68c !important; + --text-muted: #809980 !important; + --text-subtle: #687d68; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cfe8cf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cfe8cf; + --control-brand-foreground: #cfe8cf; + --text-link: #3d62f5 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-seaside-light b/build/base16-atelier-seaside-light index 5221878..f7fc00d 100644 --- a/build/base16-atelier-seaside-light +++ b/build/base16-atelier-seaside-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5e6e5e; - --text-1: #5e6e5e; - --text-2: #5e6e5e; - --text-3: #5e6e5e; - --text-4: #5e6e5e; - --text-5: #809980; - - /* Popups & Modals - using hex + alpha */ - --hover: #3d62f51a; - --active: #3d62f533; - --message-hover: #cfe8cf0a; + --text-default: #5e6e5e; + --text-strong: #5e6e5e !important; + --text-muted: #687d68 !important; + --text-subtle: #809980; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #242924 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #242924; + --control-brand-foreground: #242924; + --text-link: #3d62f5 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-sulphurpool b/build/base16-atelier-sulphurpool index 63c5005..3c06c54 100644 --- a/build/base16-atelier-sulphurpool +++ b/build/base16-atelier-sulphurpool @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #979db4; - --text-1: #979db4; - --text-2: #979db4; - --text-3: #979db4; - --text-4: #979db4; - --text-5: #6b7394; - - /* Popups & Modals - using hex + alpha */ - --hover: #3d8fd11a; - --active: #3d8fd133; - --message-hover: #2932560a; + --text-default: #979db4; + --text-strong: #979db4 !important; + --text-muted: #898ea4 !important; + --text-subtle: #6b7394; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dfe2f1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dfe2f1; + --control-brand-foreground: #dfe2f1; + --text-link: #3d8fd1 !important; + + /* 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. +*/ diff --git a/build/base16-atelier-sulphurpool-light b/build/base16-atelier-sulphurpool-light index 348fb7c..a7025a7 100644 --- a/build/base16-atelier-sulphurpool-light +++ b/build/base16-atelier-sulphurpool-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5e6687; - --text-1: #5e6687; - --text-2: #5e6687; - --text-3: #5e6687; - --text-4: #5e6687; - --text-5: #898ea4; - - /* Popups & Modals - using hex + alpha */ - --hover: #3d8fd11a; - --active: #3d8fd133; - --message-hover: #dfe2f10a; + --text-default: #5e6687; + --text-strong: #5e6687 !important; + --text-muted: #6b7394 !important; + --text-subtle: #898ea4; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #293256 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #293256; + --control-brand-foreground: #293256; + --text-link: #3d8fd1 !important; + + /* 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. +*/ diff --git a/build/base16-atlas b/build/base16-atlas index ef36654..cd6b6eb 100644 --- a/build/base16-atlas +++ b/build/base16-atlas @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a1a19a; - --text-1: #a1a19a; - --text-2: #a1a19a; - --text-3: #a1a19a; - --text-4: #a1a19a; - --text-5: #6c8b91; - - /* Popups & Modals - using hex + alpha */ - --hover: #14747e1a; - --active: #14747e33; - --message-hover: #00384d0a; + --text-default: #a1a19a; + --text-strong: #a1a19a !important; + --text-muted: #869696 !important; + --text-subtle: #6c8b91; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e6e6dc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e6e6dc; + --control-brand-foreground: #e6e6dc; + --text-link: #14747e !important; + + /* 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. +*/ diff --git a/build/base16-ayu-dark b/build/base16-ayu-dark index 7ab1a67..a2dae00 100644 --- a/build/base16-ayu-dark +++ b/build/base16-ayu-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #e6e1cf; - --text-1: #e6e1cf; - --text-2: #e6e1cf; - --text-3: #e6e1cf; - --text-4: #e6e1cf; - --text-5: #3e4b59; - - /* Popups & Modals - using hex + alpha */ - --hover: #59c2ff1a; - --active: #59c2ff33; - --message-hover: #1317210a; + --text-default: #e6e1cf; + --text-strong: #e6e1cf !important; + --text-muted: #bfbdb6 !important; + --text-subtle: #3e4b59; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ece8db !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ece8db; + --control-brand-foreground: #ece8db; + --text-link: #59c2ff !important; + + /* 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. +*/ diff --git a/build/base16-ayu-light b/build/base16-ayu-light index 0cc0245..e80f555 100644 --- a/build/base16-ayu-light +++ b/build/base16-ayu-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5c6166; - --text-1: #5c6166; - --text-2: #5c6166; - --text-3: #5c6166; - --text-4: #5c6166; - --text-5: #a0a6ac; - - /* Popups & Modals - using hex + alpha */ - --hover: #399ee61a; - --active: #399ee633; - --message-hover: #edeff10a; + --text-default: #5c6166; + --text-strong: #5c6166 !important; + --text-muted: #8a9199 !important; + --text-subtle: #a0a6ac; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #4e5257 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #4e5257; + --control-brand-foreground: #4e5257; + --text-link: #399ee6 !important; + + /* 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. +*/ diff --git a/build/base16-ayu-mirage b/build/base16-ayu-mirage index bcb304f..64a79f7 100644 --- a/build/base16-ayu-mirage +++ b/build/base16-ayu-mirage @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cccac2; - --text-1: #cccac2; - --text-2: #cccac2; - --text-3: #cccac2; - --text-4: #cccac2; - --text-5: #4a5059; - - /* Popups & Modals - using hex + alpha */ - --hover: #73d0ff1a; - --active: #73d0ff33; - --message-hover: #2429360a; + --text-default: #cccac2; + --text-strong: #cccac2 !important; + --text-muted: #707a8c !important; + --text-subtle: #4a5059; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d9d7ce !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d9d7ce; + --control-brand-foreground: #d9d7ce; + --text-link: #73d0ff !important; + + /* 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. +*/ diff --git a/build/base16-aztec b/build/base16-aztec index 6775d58..a14323a 100644 --- a/build/base16-aztec +++ b/build/base16-aztec @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffda51; - --text-1: #ffda51; - --text-2: #ffda51; - --text-3: #ffda51; - --text-4: #ffda51; - --text-5: #2e2e05; - - /* Popups & Modals - using hex + alpha */ - --hover: #5b4a9f1a; - --active: #5b4a9f33; - --message-hover: #1a1e010a; + --text-default: #ffda51; + --text-strong: #ffda51 !important; + --text-muted: #ffd129 !important; + --text-subtle: #2e2e05; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffe178 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffe178; + --control-brand-foreground: #ffe178; + --text-link: #5b4a9f !important; + + /* 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. +*/ diff --git a/build/base16-bespin b/build/base16-bespin index 9aa0f25..fcafd4e 100644 --- a/build/base16-bespin +++ b/build/base16-bespin @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* 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-0: #8a8986; - --text-1: #8a8986; - --text-2: #8a8986; - --text-3: #8a8986; - --text-4: #8a8986; - --text-5: #666666; - - /* Popups & Modals - using hex + alpha */ - --hover: #5ea6ea1a; - --active: #5ea6ea33; - --message-hover: #36312e0a; + --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. +*/ diff --git a/build/base16-black-metal b/build/base16-black-metal index bce0f34..64a9cce 100644 --- a/build/base16-black-metal +++ b/build/base16-black-metal @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-bathory b/build/base16-black-metal-bathory index eec4b39..402f4a0 100644 --- a/build/base16-black-metal-bathory +++ b/build/base16-black-metal-bathory @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-burzum b/build/base16-black-metal-burzum index 803618b..e2bfa74 100644 --- a/build/base16-black-metal-burzum +++ b/build/base16-black-metal-burzum @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-dark-funeral b/build/base16-black-metal-dark-funeral index e092cea..272d490 100644 --- a/build/base16-black-metal-dark-funeral +++ b/build/base16-black-metal-dark-funeral @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-gorgoroth b/build/base16-black-metal-gorgoroth index 292e7fd..fccc041 100644 --- a/build/base16-black-metal-gorgoroth +++ b/build/base16-black-metal-gorgoroth @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-immortal b/build/base16-black-metal-immortal index de338d4..2f551d2 100644 --- a/build/base16-black-metal-immortal +++ b/build/base16-black-metal-immortal @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-khold b/build/base16-black-metal-khold index d4e3a38..1330b55 100644 --- a/build/base16-black-metal-khold +++ b/build/base16-black-metal-khold @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-marduk b/build/base16-black-metal-marduk index 2ab44f4..4c6268f 100644 --- a/build/base16-black-metal-marduk +++ b/build/base16-black-metal-marduk @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-mayhem b/build/base16-black-metal-mayhem index b132e20..6946851 100644 --- a/build/base16-black-metal-mayhem +++ b/build/base16-black-metal-mayhem @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-nile b/build/base16-black-metal-nile index 11dfbef..c083341 100644 --- a/build/base16-black-metal-nile +++ b/build/base16-black-metal-nile @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-black-metal-venom b/build/base16-black-metal-venom index 5a7b0d9..4e6e72c 100644 --- a/build/base16-black-metal-venom +++ b/build/base16-black-metal-venom @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c1c1c1; - --text-1: #c1c1c1; - --text-2: #c1c1c1; - --text-3: #c1c1c1; - --text-4: #c1c1c1; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8888881a; - --active: #88888833; - --message-hover: #1212120a; + --text-default: #c1c1c1; + --text-strong: #c1c1c1 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #999999 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #999999; + --control-brand-foreground: #999999; + --text-link: #888888 !important; + + /* 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. +*/ diff --git a/build/base16-blueforest b/build/base16-blueforest index bfb652c..49d9861 100644 --- a/build/base16-blueforest +++ b/build/base16-blueforest @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffcc33; - --text-1: #ffcc33; - --text-2: #ffcc33; - --text-3: #ffcc33; - --text-4: #ffcc33; - --text-5: #a0ffa0; - - /* Popups & Modals - using hex + alpha */ - --hover: #a2cff51a; - --active: #a2cff533; - --message-hover: #1e5c1e0a; + --text-default: #ffcc33; + --text-strong: #ffcc33 !important; + --text-muted: #1e5c1e !important; + --text-subtle: #a0ffa0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #91ccff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #91ccff; + --control-brand-foreground: #91ccff; + --text-link: #a2cff5 !important; + + /* 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. +*/ diff --git a/build/base16-blueish b/build/base16-blueish index 3d66fde..bed9637 100644 --- a/build/base16-blueish +++ b/build/base16-blueish @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* 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-0: #c8e1f8; - --text-1: #c8e1f8; - --text-2: #c8e1f8; - --text-3: #c8e1f8; - --text-4: #c8e1f8; - --text-5: #616d78; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #243c540a; + --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. +*/ diff --git a/build/base16-booshnickle-dark b/build/base16-booshnickle-dark index 49d8453..3d7f452 100644 --- a/build/base16-booshnickle-dark +++ b/build/base16-booshnickle-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #bdbd97; - --text-1: #bdbd97; - --text-2: #bdbd97; - --text-3: #bdbd97; - --text-4: #bdbd97; - --text-5: #7c7c63; - - /* Popups & Modals - using hex + alpha */ - --hover: #ccbfd91a; - --active: #ccbfd933; - --message-hover: #3a3a2e0a; + --text-default: #bdbd97; + --text-strong: #bdbd97 !important; + --text-muted: #9c9c7d !important; + --text-subtle: #7c7c63; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dedeb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dedeb2; + --control-brand-foreground: #dedeb2; + --text-link: #ccbfd9 !important; + + /* 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. +*/ diff --git a/build/base16-brewer b/build/base16-brewer index 7a42882..509719d 100644 --- a/build/base16-brewer +++ b/build/base16-brewer @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #b7b8b9; - --text-1: #b7b8b9; - --text-2: #b7b8b9; - --text-3: #b7b8b9; - --text-4: #b7b8b9; - --text-5: #737475; - - /* Popups & Modals - using hex + alpha */ - --hover: #3182bd1a; - --active: #3182bd33; - --message-hover: #2e2f300a; + --text-default: #b7b8b9; + --text-strong: #b7b8b9 !important; + --text-muted: #959697 !important; + --text-subtle: #737475; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dadbdc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dadbdc; + --control-brand-foreground: #dadbdc; + --text-link: #3182bd !important; + + /* 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. +*/ diff --git a/build/base16-bright b/build/base16-bright index 606f08b..60eee9e 100644 --- a/build/base16-bright +++ b/build/base16-bright @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #e0e0e0; - --text-1: #e0e0e0; - --text-2: #e0e0e0; - --text-3: #e0e0e0; - --text-4: #e0e0e0; - --text-5: #b0b0b0; - - /* Popups & Modals - using hex + alpha */ - --hover: #6fb3d21a; - --active: #6fb3d233; - --message-hover: #3030300a; + --text-default: #e0e0e0; + --text-strong: #e0e0e0 !important; + --text-muted: #d0d0d0 !important; + --text-subtle: #b0b0b0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5f5f5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5f5f5; + --control-brand-foreground: #f5f5f5; + --text-link: #6fb3d2 !important; + + /* 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. +*/ diff --git a/build/base16-brogrammer b/build/base16-brogrammer index 73daaba..03df066 100644 --- a/build/base16-brogrammer +++ b/build/base16-brogrammer @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #4e5ab7; - --text-1: #4e5ab7; - --text-2: #4e5ab7; - --text-3: #4e5ab7; - --text-4: #4e5ab7; - --text-5: #ecba0f; - - /* Popups & Modals - using hex + alpha */ - --hover: #5350b91a; - --active: #5350b933; - --message-hover: #f811180a; + --text-default: #4e5ab7; + --text-strong: #4e5ab7 !important; + --text-muted: #2a84d2 !important; + --text-subtle: #ecba0f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1081d6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1081d6; + --control-brand-foreground: #1081d6; + --text-link: #5350b9 !important; + + /* 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. +*/ diff --git a/build/base16-brushtrees b/build/base16-brushtrees index db7a8f1..fd4f372 100644 --- a/build/base16-brushtrees +++ b/build/base16-brushtrees @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #6d828e; - --text-1: #6d828e; - --text-2: #6d828e; - --text-3: #6d828e; - --text-4: #6d828e; - --text-5: #98afb5; - - /* Popups & Modals - using hex + alpha */ - --hover: #868cb31a; - --active: #868cb333; - --message-hover: #c9dbdc0a; + --text-default: #6d828e; + --text-strong: #6d828e !important; + --text-muted: #8299a1 !important; + --text-subtle: #98afb5; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #5a6d7a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #5a6d7a; + --control-brand-foreground: #5a6d7a; + --text-link: #868cb3 !important; + + /* 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. +*/ diff --git a/build/base16-brushtrees-dark b/build/base16-brushtrees-dark index 7b40708..8b7a8f4 100644 --- a/build/base16-brushtrees-dark +++ b/build/base16-brushtrees-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #b0c5c8; - --text-1: #b0c5c8; - --text-2: #b0c5c8; - --text-3: #b0c5c8; - --text-4: #b0c5c8; - --text-5: #8299a1; - - /* Popups & Modals - using hex + alpha */ - --hover: #868cb31a; - --active: #868cb333; - --message-hover: #5a6d7a0a; + --text-default: #b0c5c8; + --text-strong: #b0c5c8 !important; + --text-muted: #98afb5 !important; + --text-subtle: #8299a1; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c9dbdc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c9dbdc; + --control-brand-foreground: #c9dbdc; + --text-link: #868cb3 !important; + + /* 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. +*/ diff --git a/build/base16-caroline b/build/base16-caroline index ed0bab0..40881b3 100644 --- a/build/base16-caroline +++ b/build/base16-caroline @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a87569; - --text-1: #a87569; - --text-2: #a87569; - --text-3: #a87569; - --text-4: #a87569; - --text-5: #6d4745; - - /* Popups & Modals - using hex + alpha */ - --hover: #684c591a; - --active: #684c5933; - --message-hover: #3a24250a; + --text-default: #a87569; + --text-strong: #a87569 !important; + --text-muted: #8b5d57 !important; + --text-subtle: #6d4745; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c58d7b !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c58d7b; + --control-brand-foreground: #c58d7b; + --text-link: #684c59 !important; + + /* 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. +*/ diff --git a/build/base16-catppuccin-frappe b/build/base16-catppuccin-frappe index ec99c5e..f1f23af 100644 --- a/build/base16-catppuccin-frappe +++ b/build/base16-catppuccin-frappe @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c6d0f5; - --text-1: #c6d0f5; - --text-2: #c6d0f5; - --text-3: #c6d0f5; - --text-4: #c6d0f5; - --text-5: #51576d; - - /* Popups & Modals - using hex + alpha */ - --hover: #8caaee1a; - --active: #8caaee33; - --message-hover: #292c3c0a; + --text-default: #c6d0f5; + --text-strong: #c6d0f5 !important; + --text-muted: #626880 !important; + --text-subtle: #51576d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f2d5cf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f2d5cf; + --control-brand-foreground: #f2d5cf; + --text-link: #8caaee !important; + + /* 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. +*/ diff --git a/build/base16-catppuccin-latte b/build/base16-catppuccin-latte index 8d43bfc..78c69f7 100644 --- a/build/base16-catppuccin-latte +++ b/build/base16-catppuccin-latte @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #4c4f69; - --text-1: #4c4f69; - --text-2: #4c4f69; - --text-3: #4c4f69; - --text-4: #4c4f69; - --text-5: #bcc0cc; - - /* Popups & Modals - using hex + alpha */ - --hover: #1e66f51a; - --active: #1e66f533; - --message-hover: #e6e9ef0a; + --text-default: #4c4f69; + --text-strong: #4c4f69 !important; + --text-muted: #acb0be !important; + --text-subtle: #bcc0cc; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dc8a78 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dc8a78; + --control-brand-foreground: #dc8a78; + --text-link: #1e66f5 !important; + + /* 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. +*/ diff --git a/build/base16-catppuccin-macchiato b/build/base16-catppuccin-macchiato index cb76ea9..ad2908d 100644 --- a/build/base16-catppuccin-macchiato +++ b/build/base16-catppuccin-macchiato @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cad3f5; - --text-1: #cad3f5; - --text-2: #cad3f5; - --text-3: #cad3f5; - --text-4: #cad3f5; - --text-5: #494d64; - - /* Popups & Modals - using hex + alpha */ - --hover: #8aadf41a; - --active: #8aadf433; - --message-hover: #1e20300a; + --text-default: #cad3f5; + --text-strong: #cad3f5 !important; + --text-muted: #5b6078 !important; + --text-subtle: #494d64; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f4dbd6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f4dbd6; + --control-brand-foreground: #f4dbd6; + --text-link: #8aadf4 !important; + + /* 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. +*/ diff --git a/build/base16-catppuccin-mocha b/build/base16-catppuccin-mocha index 8894148..9a1b1bc 100644 --- a/build/base16-catppuccin-mocha +++ b/build/base16-catppuccin-mocha @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cdd6f4; - --text-1: #cdd6f4; - --text-2: #cdd6f4; - --text-3: #cdd6f4; - --text-4: #cdd6f4; - --text-5: #45475a; - - /* Popups & Modals - using hex + alpha */ - --hover: #89b4fa1a; - --active: #89b4fa33; - --message-hover: #1818250a; + --text-default: #cdd6f4; + --text-strong: #cdd6f4 !important; + --text-muted: #585b70 !important; + --text-subtle: #45475a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5e0dc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5e0dc; + --control-brand-foreground: #f5e0dc; + --text-link: #89b4fa !important; + + /* 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. +*/ diff --git a/build/base16-chalk b/build/base16-chalk index 95a930e..36bc0fe 100644 --- a/build/base16-chalk +++ b/build/base16-chalk @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #505050; - - /* Popups & Modals - using hex + alpha */ - --hover: #6fc2ef1a; - --active: #6fc2ef33; - --message-hover: #2020200a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b0b0b0 !important; + --text-subtle: #505050; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #6fc2ef !important; + + /* 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. +*/ diff --git a/build/base16-charcoal-dark b/build/base16-charcoal-dark index 3d95fcb..a37c768 100644 --- a/build/base16-charcoal-dark +++ b/build/base16-charcoal-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c3a983; - --text-1: #c3a983; - --text-2: #c3a983; - --text-3: #c3a983; - --text-4: #c3a983; - --text-5: #57462c; - - /* Popups & Modals - using hex + alpha */ - --hover: #c3a9831a; - --active: #c3a98333; - --message-hover: #231b0e0a; + --text-default: #c3a983; + --text-strong: #c3a983 !important; + --text-muted: #a88c62 !important; + --text-subtle: #57462c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dec8a7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dec8a7; + --control-brand-foreground: #dec8a7; + --text-link: #c3a983 !important; + + /* 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. +*/ diff --git a/build/base16-charcoal-light b/build/base16-charcoal-light index 8abed94..d1ff095 100644 --- a/build/base16-charcoal-light +++ b/build/base16-charcoal-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #382e1b; - --text-1: #382e1b; - --text-2: #382e1b; - --text-3: #382e1b; - --text-4: #382e1b; - --text-5: #645538; - - /* Popups & Modals - using hex + alpha */ - --hover: #251e0f1a; - --active: #251e0f33; - --message-hover: #bcad8c0a; + --text-default: #382e1b; + --text-strong: #382e1b !important; + --text-muted: #110e06 !important; + --text-subtle: #645538; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #4b3e26 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #4b3e26; + --control-brand-foreground: #4b3e26; + --text-link: #251e0f !important; + + /* 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. +*/ diff --git a/build/base16-chicago-day b/build/base16-chicago-day index 707ed45..34a85f3 100644 --- a/build/base16-chicago-day +++ b/build/base16-chicago-day @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #364c40; - --text-1: #364c40; - --text-2: #364c40; - --text-3: #364c40; - --text-4: #364c40; - --text-5: #8a9a91; - - /* Popups & Modals - using hex + alpha */ - --hover: #5223981a; - --active: #52239833; - --message-hover: #d1e0d70a; + --text-default: #364c40; + --text-strong: #364c40 !important; + --text-muted: #4b5a51 !important; + --text-subtle: #8a9a91; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2a3b32 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2a3b32; + --control-brand-foreground: #2a3b32; + --text-link: #522398 !important; + + /* 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. +*/ diff --git a/build/base16-chicago-night b/build/base16-chicago-night index b8a610f..f84983a 100644 --- a/build/base16-chicago-night +++ b/build/base16-chicago-night @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a7b8af; - --text-1: #a7b8af; - --text-2: #a7b8af; - --text-3: #a7b8af; - --text-4: #a7b8af; - --text-5: #5f7368; - - /* Popups & Modals - using hex + alpha */ - --hover: #5223981a; - --active: #52239833; - --message-hover: #2a3b320a; + --text-default: #a7b8af; + --text-strong: #a7b8af !important; + --text-muted: #8a9a91 !important; + --text-subtle: #5f7368; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c1cdc7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c1cdc7; + --control-brand-foreground: #c1cdc7; + --text-link: #522398 !important; + + /* 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. +*/ diff --git a/build/base16-chinoiserie b/build/base16-chinoiserie index 469c291..5ab09ab 100644 --- a/build/base16-chinoiserie +++ b/build/base16-chinoiserie @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #4a4035; - --text-1: #4a4035; - --text-2: #4a4035; - --text-3: #4a4035; - --text-4: #4a4035; - --text-5: #80766e; - - /* Popups & Modals - using hex + alpha */ - --hover: #815c941a; - --active: #815c9433; - --message-hover: #e0e0e00a; + --text-default: #4a4035; + --text-strong: #4a4035 !important; + --text-muted: #918072 !important; + --text-subtle: #80766e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2f2f35 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2f2f35; + --control-brand-foreground: #2f2f35; + --text-link: #815c94 !important; + + /* 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. +*/ diff --git a/build/base16-chinoiserie-midnight b/build/base16-chinoiserie-midnight index fc004d3..b1ddcdc 100644 --- a/build/base16-chinoiserie-midnight +++ b/build/base16-chinoiserie-midnight @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c4cbcf; - --text-1: #c4cbcf; - --text-2: #c4cbcf; - --text-3: #c4cbcf; - --text-4: #c4cbcf; - --text-5: #918072; - - /* Popups & Modals - using hex + alpha */ - --hover: #81a2a21a; - --active: #81a2a233; - --message-hover: #2828280a; + --text-default: #c4cbcf; + --text-strong: #c4cbcf !important; + --text-muted: #bdaead !important; + --text-subtle: #918072; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eee7f2; + --control-brand-foreground: #eee7f2; + --text-link: #81a2a2 !important; + + /* 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. +*/ diff --git a/build/base16-chinoiserie-morandi b/build/base16-chinoiserie-morandi index ca888a0..f674c0d 100644 --- a/build/base16-chinoiserie-morandi +++ b/build/base16-chinoiserie-morandi @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c4cbcf; - --text-1: #c4cbcf; - --text-2: #c4cbcf; - --text-3: #c4cbcf; - --text-4: #c4cbcf; - --text-5: #918072; - - /* Popups & Modals - using hex + alpha */ - --hover: #839ec91a; - --active: #839ec933; - --message-hover: #2828280a; + --text-default: #c4cbcf; + --text-strong: #c4cbcf !important; + --text-muted: #bdaead !important; + --text-subtle: #918072; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eee7f2; + --control-brand-foreground: #eee7f2; + --text-link: #839ec9 !important; + + /* 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. +*/ diff --git a/build/base16-chinoiserie-night b/build/base16-chinoiserie-night index 449c97a..8a8bd04 100644 --- a/build/base16-chinoiserie-night +++ b/build/base16-chinoiserie-night @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c4cbcf; - --text-1: #c4cbcf; - --text-2: #c4cbcf; - --text-3: #c4cbcf; - --text-4: #c4cbcf; - --text-5: #918072; - - /* Popups & Modals - using hex + alpha */ - --hover: #8fb2c91a; - --active: #8fb2c933; - --message-hover: #2828280a; + --text-default: #c4cbcf; + --text-strong: #c4cbcf !important; + --text-muted: #bdaead !important; + --text-subtle: #918072; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eee7f2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eee7f2; + --control-brand-foreground: #eee7f2; + --text-link: #8fb2c9 !important; + + /* 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. +*/ diff --git a/build/base16-circus b/build/base16-circus index 85e9089..741755b 100644 --- a/build/base16-circus +++ b/build/base16-circus @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a7a7a7; - --text-1: #a7a7a7; - --text-2: #a7a7a7; - --text-3: #a7a7a7; - --text-4: #a7a7a7; - --text-5: #5f5a60; - - /* Popups & Modals - using hex + alpha */ - --hover: #639ee41a; - --active: #639ee433; - --message-hover: #2020200a; + --text-default: #a7a7a7; + --text-strong: #a7a7a7 !important; + --text-muted: #505050 !important; + --text-subtle: #5f5a60; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #808080 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #808080; + --control-brand-foreground: #808080; + --text-link: #639ee4 !important; + + /* 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. +*/ diff --git a/build/base16-classic-dark b/build/base16-classic-dark index e79d3ae..33dc8d4 100644 --- a/build/base16-classic-dark +++ b/build/base16-classic-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #505050; - - /* Popups & Modals - using hex + alpha */ - --hover: #6a9fb51a; - --active: #6a9fb533; - --message-hover: #2020200a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b0b0b0 !important; + --text-subtle: #505050; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #6a9fb5 !important; + + /* 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. +*/ diff --git a/build/base16-classic-light b/build/base16-classic-light index be9b133..22b2e98 100644 --- a/build/base16-classic-light +++ b/build/base16-classic-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #303030; - --text-1: #303030; - --text-2: #303030; - --text-3: #303030; - --text-4: #303030; - --text-5: #b0b0b0; - - /* Popups & Modals - using hex + alpha */ - --hover: #6a9fb51a; - --active: #6a9fb533; - --message-hover: #e0e0e00a; + --text-default: #303030; + --text-strong: #303030 !important; + --text-muted: #505050 !important; + --text-subtle: #b0b0b0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #202020 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #202020; + --control-brand-foreground: #202020; + --text-link: #6a9fb5 !important; + + /* 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. +*/ diff --git a/build/base16-codeschool b/build/base16-codeschool index d0a1009..ab9f2e2 100644 --- a/build/base16-codeschool +++ b/build/base16-codeschool @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #9ea7a6; - --text-1: #9ea7a6; - --text-2: #9ea7a6; - --text-3: #9ea7a6; - --text-4: #9ea7a6; - --text-5: #3f4944; - - /* Popups & Modals - using hex + alpha */ - --hover: #484d791a; - --active: #484d7933; - --message-hover: #1c36570a; + --text-default: #9ea7a6; + --text-strong: #9ea7a6 !important; + --text-muted: #84898c !important; + --text-subtle: #3f4944; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #a7cfa3 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #a7cfa3; + --control-brand-foreground: #a7cfa3; + --text-link: #484d79 !important; + + /* 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. +*/ diff --git a/build/base16-colors b/build/base16-colors index e8b384e..6ab09cd 100644 --- a/build/base16-colors +++ b/build/base16-colors @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #bbbbbb; - --text-1: #bbbbbb; - --text-2: #bbbbbb; - --text-3: #bbbbbb; - --text-4: #bbbbbb; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #0074d91a; - --active: #0074d933; - --message-hover: #3333330a; + --text-default: #bbbbbb; + --text-strong: #bbbbbb !important; + --text-muted: #999999 !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dddddd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dddddd; + --control-brand-foreground: #dddddd; + --text-link: #0074d9 !important; + + /* 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. +*/ diff --git a/build/base16-cupcake b/build/base16-cupcake index 518a651..24dc4f2 100644 --- a/build/base16-cupcake +++ b/build/base16-cupcake @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #8b8198; - --text-1: #8b8198; - --text-2: #8b8198; - --text-3: #8b8198; - --text-4: #8b8198; - --text-5: #bfb9c6; - - /* Popups & Modals - using hex + alpha */ - --hover: #7297b91a; - --active: #7297b933; - --message-hover: #f2f1f40a; + --text-default: #8b8198; + --text-strong: #8b8198 !important; + --text-muted: #a59daf !important; + --text-subtle: #bfb9c6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #72677e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #72677e; + --control-brand-foreground: #72677e; + --text-link: #7297b9 !important; + + /* 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. +*/ diff --git a/build/base16-cupertino b/build/base16-cupertino index fb30368..2d9d2c0 100644 --- a/build/base16-cupertino +++ b/build/base16-cupertino @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #404040; - --text-1: #404040; - --text-2: #404040; - --text-3: #404040; - --text-4: #404040; - --text-5: #808080; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000ff1a; - --active: #0000ff33; - --message-hover: #c0c0c00a; + --text-default: #404040; + --text-strong: #404040 !important; + --text-muted: #808080 !important; + --text-subtle: #808080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #404040 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #404040; + --control-brand-foreground: #404040; + --text-link: #0000ff !important; + + /* 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. +*/ diff --git a/build/base16-cyberpunk b/build/base16-cyberpunk index f435371..0c46aac 100644 --- a/build/base16-cyberpunk +++ b/build/base16-cyberpunk @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #dcdccc; - --text-1: #dcdccc; - --text-2: #dcdccc; - --text-3: #dcdccc; - --text-4: #dcdccc; - --text-5: #4f4f4f; - - /* Popups & Modals - using hex + alpha */ - --hover: #4c83ff1a; - --active: #4c83ff33; - --message-hover: #2b2b2b0a; + --text-default: #dcdccc; + --text-strong: #dcdccc !important; + --text-muted: #8b8989 !important; + --text-subtle: #4f4f4f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f8f8f8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f8f8f8; + --control-brand-foreground: #f8f8f8; + --text-link: #4c83ff !important; + + /* 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. +*/ diff --git a/build/base16-da-one-black b/build/base16-da-one-black index f77b30f..435622f 100644 --- a/build/base16-da-one-black +++ b/build/base16-da-one-black @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffffff; - --text-1: #ffffff; - --text-2: #ffffff; - --text-3: #ffffff; - --text-4: #ffffff; - --text-5: #888888; - - /* Popups & Modals - using hex + alpha */ - --hover: #6bb8ff1a; - --active: #6bb8ff33; - --message-hover: #2828280a; + --text-default: #ffffff; + --text-strong: #ffffff !important; + --text-muted: #c8c8c8 !important; + --text-subtle: #888888; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #6bb8ff !important; + + /* 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. +*/ diff --git a/build/base16-da-one-gray b/build/base16-da-one-gray index 01f7616..cf9f9bd 100644 --- a/build/base16-da-one-gray +++ b/build/base16-da-one-gray @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffffff; - --text-1: #ffffff; - --text-2: #ffffff; - --text-3: #ffffff; - --text-4: #ffffff; - --text-5: #888888; - - /* Popups & Modals - using hex + alpha */ - --hover: #6bb8ff1a; - --active: #6bb8ff33; - --message-hover: #2828280a; + --text-default: #ffffff; + --text-strong: #ffffff !important; + --text-muted: #c8c8c8 !important; + --text-subtle: #888888; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #6bb8ff !important; + + /* 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. +*/ diff --git a/build/base16-da-one-ocean b/build/base16-da-one-ocean index 6d4bcec..1bf50f3 100644 --- a/build/base16-da-one-ocean +++ b/build/base16-da-one-ocean @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffffff; - --text-1: #ffffff; - --text-2: #ffffff; - --text-3: #ffffff; - --text-4: #ffffff; - --text-5: #878d96; - - /* Popups & Modals - using hex + alpha */ - --hover: #6bb8ff1a; - --active: #6bb8ff33; - --message-hover: #22273d0a; + --text-default: #ffffff; + --text-strong: #ffffff !important; + --text-muted: #c8c8c8 !important; + --text-subtle: #878d96; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #6bb8ff !important; + + /* 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. +*/ diff --git a/build/base16-da-one-paper b/build/base16-da-one-paper index 2f4c57a..20a274f 100644 --- a/build/base16-da-one-paper +++ b/build/base16-da-one-paper @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #181818; - --text-1: #181818; - --text-2: #181818; - --text-3: #181818; - --text-4: #181818; - --text-5: #585858; - - /* Popups & Modals - using hex + alpha */ - --hover: #5890f81a; - --active: #5890f833; - --message-hover: #c8c8c80a; + --text-default: #181818; + --text-strong: #181818 !important; + --text-muted: #282828 !important; + --text-subtle: #585858; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #000000 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #000000; + --control-brand-foreground: #000000; + --text-link: #5890f8 !important; + + /* 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. +*/ diff --git a/build/base16-da-one-sea b/build/base16-da-one-sea index 4b6e0bd..beefa88 100644 --- a/build/base16-da-one-sea +++ b/build/base16-da-one-sea @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ffffff; - --text-1: #ffffff; - --text-2: #ffffff; - --text-3: #ffffff; - --text-4: #ffffff; - --text-5: #878d96; - - /* Popups & Modals - using hex + alpha */ - --hover: #6bb8ff1a; - --active: #6bb8ff33; - --message-hover: #3740590a; + --text-default: #ffffff; + --text-strong: #ffffff !important; + --text-muted: #c8c8c8 !important; + --text-subtle: #878d96; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #6bb8ff !important; + + /* 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. +*/ diff --git a/build/base16-da-one-white b/build/base16-da-one-white index f31b5fb..257297b 100644 --- a/build/base16-da-one-white +++ b/build/base16-da-one-white @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #181818; - --text-1: #181818; - --text-2: #181818; - --text-3: #181818; - --text-4: #181818; - --text-5: #585858; - - /* Popups & Modals - using hex + alpha */ - --hover: #5890f81a; - --active: #5890f833; - --message-hover: #c8c8c80a; + --text-default: #181818; + --text-strong: #181818 !important; + --text-muted: #282828 !important; + --text-subtle: #585858; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #000000 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #000000; + --control-brand-foreground: #000000; + --text-link: #5890f8 !important; + + /* 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. +*/ diff --git a/build/base16-danqing b/build/base16-danqing index 8def561..cfccaaa 100644 --- a/build/base16-danqing +++ b/build/base16-danqing @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #e0f0ef; - --text-1: #e0f0ef; - --text-2: #e0f0ef; - --text-3: #e0f0ef; - --text-4: #e0f0ef; - --text-5: #9da8a3; - - /* Popups & Modals - using hex + alpha */ - --hover: #b0a4e31a; - --active: #b0a4e333; - --message-hover: #4348460a; + --text-default: #e0f0ef; + --text-strong: #e0f0ef !important; + --text-muted: #cad8d2 !important; + --text-subtle: #9da8a3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ecf6f2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ecf6f2; + --control-brand-foreground: #ecf6f2; + --text-link: #b0a4e3 !important; + + /* 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. +*/ diff --git a/build/base16-danqing-light b/build/base16-danqing-light index 29a1487..15fdd5a 100644 --- a/build/base16-danqing-light +++ b/build/base16-danqing-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #5a605d; - --text-1: #5a605d; - --text-2: #5a605d; - --text-3: #5a605d; - --text-4: #5a605d; - --text-5: #cad8d2; - - /* Popups & Modals - using hex + alpha */ - --hover: #b0a4e31a; - --active: #b0a4e333; - --message-hover: #ecf6f20a; + --text-default: #5a605d; + --text-strong: #5a605d !important; + --text-muted: #9da8a3 !important; + --text-subtle: #cad8d2; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #434846 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #434846; + --control-brand-foreground: #434846; + --text-link: #b0a4e3 !important; + + /* 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. +*/ diff --git a/build/base16-darcula b/build/base16-darcula index 4dd388d..8b3110c 100644 --- a/build/base16-darcula +++ b/build/base16-darcula @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a9b7c6; - --text-1: #a9b7c6; - --text-2: #a9b7c6; - --text-3: #a9b7c6; - --text-4: #a9b7c6; - --text-5: #606366; - - /* Popups & Modals - using hex + alpha */ - --hover: #9876aa1a; - --active: #9876aa33; - --message-hover: #3232320a; + --text-default: #a9b7c6; + --text-strong: #a9b7c6 !important; + --text-muted: #a4a3a3 !important; + --text-subtle: #606366; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffc66d !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffc66d; + --control-brand-foreground: #ffc66d; + --text-link: #9876aa !important; + + /* 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. +*/ diff --git a/build/base16-darkmoss b/build/base16-darkmoss index adc252c..024ca9b 100644 --- a/build/base16-darkmoss +++ b/build/base16-darkmoss @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #c7c7a5; - --text-1: #c7c7a5; - --text-2: #c7c7a5; - --text-3: #c7c7a5; - --text-4: #c7c7a5; - --text-5: #555e5f; - - /* Popups & Modals - using hex + alpha */ - --hover: #4980911a; - --active: #49809133; - --message-hover: #252c2d0a; + --text-default: #c7c7a5; + --text-strong: #c7c7a5 !important; + --text-muted: #818f80 !important; + --text-subtle: #555e5f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e3e3c8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e3e3c8; + --control-brand-foreground: #e3e3c8; + --text-link: #498091 !important; + + /* 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. +*/ diff --git a/build/base16-darktooth b/build/base16-darktooth index e183ad9..c2e132a 100644 --- a/build/base16-darktooth +++ b/build/base16-darktooth @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a89984; - --text-1: #a89984; - --text-2: #a89984; - --text-3: #a89984; - --text-4: #a89984; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #0d66781a; - --active: #0d667833; - --message-hover: #32302f0a; + --text-default: #a89984; + --text-strong: #a89984 !important; + --text-muted: #928374 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d5c4a1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d5c4a1; + --control-brand-foreground: #d5c4a1; + --text-link: #0d6678 !important; + + /* 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. +*/ diff --git a/build/base16-darkviolet b/build/base16-darkviolet index c3e12cc..43ecca1 100644 --- a/build/base16-darkviolet +++ b/build/base16-darkviolet @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #b08ae6; - --text-1: #b08ae6; - --text-2: #b08ae6; - --text-3: #b08ae6; - --text-4: #b08ae6; - --text-5: #593380; - - /* Popups & Modals - using hex + alpha */ - --hover: #4136d91a; - --active: #4136d933; - --message-hover: #231a400a; + --text-default: #b08ae6; + --text-strong: #b08ae6 !important; + --text-muted: #00ff00 !important; + --text-subtle: #593380; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #9045e6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #9045e6; + --control-brand-foreground: #9045e6; + --text-link: #4136d9 !important; + + /* 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. +*/ diff --git a/build/base16-decaf b/build/base16-decaf index f576a2c..127558c 100644 --- a/build/base16-decaf +++ b/build/base16-decaf @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cccccc; - --text-1: #cccccc; - --text-2: #cccccc; - --text-3: #cccccc; - --text-4: #cccccc; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #90bee11a; - --active: #90bee133; - --message-hover: #3939390a; + --text-default: #cccccc; + --text-strong: #cccccc !important; + --text-muted: #b4b7b4 !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #90bee1 !important; + + /* 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. +*/ diff --git a/build/base16-deep-oceanic-next b/build/base16-deep-oceanic-next index dd6cbfc..e8447f0 100644 --- a/build/base16-deep-oceanic-next +++ b/build/base16-deep-oceanic-next @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d4e1e8; - --text-1: #d4e1e8; - --text-2: #d4e1e8; - --text-3: #d4e1e8; - --text-4: #d4e1e8; - --text-5: #004852; - - /* Popups & Modals - using hex + alpha */ - --hover: #568ccf1a; - --active: #568ccf33; - --message-hover: #0029310a; + --text-default: #d4e1e8; + --text-strong: #d4e1e8 !important; + --text-muted: #0093a3 !important; + --text-subtle: #004852; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e9ef !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e9ef; + --control-brand-foreground: #e0e9ef; + --text-link: #568ccf !important; + + /* 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. +*/ diff --git a/build/base16-default-dark b/build/base16-default-dark index 5841721..04d757d 100644 --- a/build/base16-default-dark +++ b/build/base16-default-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d8d8d8; - --text-1: #d8d8d8; - --text-2: #d8d8d8; - --text-3: #d8d8d8; - --text-4: #d8d8d8; - --text-5: #585858; - - /* Popups & Modals - using hex + alpha */ - --hover: #7cafc21a; - --active: #7cafc233; - --message-hover: #2828280a; + --text-default: #d8d8d8; + --text-strong: #d8d8d8 !important; + --text-muted: #b8b8b8 !important; + --text-subtle: #585858; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #7cafc2 !important; + + /* 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. +*/ diff --git a/build/base16-default-light b/build/base16-default-light index a681964..9bdf751 100644 --- a/build/base16-default-light +++ b/build/base16-default-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #383838; - --text-1: #383838; - --text-2: #383838; - --text-3: #383838; - --text-4: #383838; - --text-5: #b8b8b8; - - /* Popups & Modals - using hex + alpha */ - --hover: #7cafc21a; - --active: #7cafc233; - --message-hover: #e8e8e80a; + --text-default: #383838; + --text-strong: #383838 !important; + --text-muted: #585858 !important; + --text-subtle: #b8b8b8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282828 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282828; + --control-brand-foreground: #282828; + --text-link: #7cafc2 !important; + + /* 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. +*/ diff --git a/build/base16-digital-rain b/build/base16-digital-rain index d3b015f..08e77f1 100644 --- a/build/base16-digital-rain +++ b/build/base16-digital-rain @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #00ff00; - --text-1: #00ff00; - --text-2: #00ff00; - --text-3: #00ff00; - --text-4: #00ff00; - --text-5: #7c8d7c; - - /* Popups & Modals - using hex + alpha */ - --hover: #5482af1a; - --active: #5482af33; - --message-hover: #4a806c0a; + --text-default: #00ff00; + --text-strong: #00ff00 !important; + --text-muted: #919893 !important; + --text-subtle: #7c8d7c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c4cec4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c4cec4; + --control-brand-foreground: #c4cec4; + --text-link: #5482af !important; + + /* 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. +*/ diff --git a/build/base16-dirtysea b/build/base16-dirtysea index 2d45ae2..8618fcd 100644 --- a/build/base16-dirtysea +++ b/build/base16-dirtysea @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #000000; - --text-1: #000000; - --text-2: #000000; - --text-3: #000000; - --text-4: #000000; - --text-5: #707070; - - /* Popups & Modals - using hex + alpha */ - --hover: #0073001a; - --active: #00730033; - --message-hover: #d0dad00a; + --text-default: #000000; + --text-strong: #000000 !important; + --text-muted: #202020 !important; + --text-subtle: #707070; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f8f8f8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f8f8f8; + --control-brand-foreground: #f8f8f8; + --text-link: #007300 !important; + + /* 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. +*/ diff --git a/build/base16-dracula b/build/base16-dracula index eadb145..c63573c 100644 --- a/build/base16-dracula +++ b/build/base16-dracula @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* 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-0: #f8f8f2; - --text-1: #f8f8f2; - --text-2: #f8f8f2; - --text-3: #f8f8f2; - --text-4: #f8f8f2; - --text-5: #6272a4; - - /* Popups & Modals - using hex + alpha */ - --hover: #80bfff1a; - --active: #80bfff33; - --message-hover: #3634470a; + --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. +*/ diff --git a/build/base16-edge-dark b/build/base16-edge-dark index bad511b..ff39a70 100644 --- a/build/base16-edge-dark +++ b/build/base16-edge-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #afb2b5; - --text-1: #afb2b5; - --text-2: #afb2b5; - --text-3: #afb2b5; - --text-4: #afb2b5; - --text-5: #4a4c4f; - - /* Popups & Modals - using hex + alpha */ - --hover: #73b3e71a; - --active: #73b3e733; - --message-hover: #3132350a; + --text-default: #afb2b5; + --text-strong: #afb2b5 !important; + --text-muted: #95989d !important; + --text-subtle: #4a4c4f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #caccce !important; /* This was Pink (#f5c2e7) */ + --text-brand: #caccce; + --control-brand-foreground: #caccce; + --text-link: #73b3e7 !important; + + /* 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. +*/ diff --git a/build/base16-edge-light b/build/base16-edge-light index 635dadf..81e47b0 100644 --- a/build/base16-edge-light +++ b/build/base16-edge-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #474752; - --text-1: #474752; - --text-2: #474752; - --text-3: #474752; - --text-4: #474752; - --text-5: #9197a1; - - /* Popups & Modals - using hex + alpha */ - --hover: #6587bf1a; - --active: #6587bf33; - --message-hover: #e3e5e80a; + --text-default: #474752; + --text-strong: #474752 !important; + --text-muted: #5e646f !important; + --text-subtle: #9197a1; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3a3a46 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3a3a46; + --control-brand-foreground: #3a3a46; + --text-link: #6587bf !important; + + /* 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. +*/ diff --git a/build/base16-eighties b/build/base16-eighties index c9284f5..2554f65 100644 --- a/build/base16-eighties +++ b/build/base16-eighties @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d3d0c8; - --text-1: #d3d0c8; - --text-2: #d3d0c8; - --text-3: #d3d0c8; - --text-4: #d3d0c8; - --text-5: #747369; - - /* Popups & Modals - using hex + alpha */ - --hover: #6699cc1a; - --active: #6699cc33; - --message-hover: #3939390a; + --text-default: #d3d0c8; + --text-strong: #d3d0c8 !important; + --text-muted: #a09f93 !important; + --text-subtle: #747369; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e6df !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e6df; + --control-brand-foreground: #e8e6df; + --text-link: #6699cc !important; + + /* 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. +*/ diff --git a/build/base16-eldritch b/build/base16-eldritch index eea124f..dd24d9f 100644 --- a/build/base16-eldritch +++ b/build/base16-eldritch @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #ebfafa; - --text-1: #ebfafa; - --text-2: #ebfafa; - --text-3: #ebfafa; - --text-4: #ebfafa; - --text-5: #7081d0; - - /* Popups & Modals - using hex + alpha */ - --hover: #39ddfd1a; - --active: #39ddfd33; - --message-hover: #3234490a; + --text-default: #ebfafa; + --text-strong: #ebfafa !important; + --text-muted: #a1abe0 !important; + --text-subtle: #7081d0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f0f2f4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f0f2f4; + --control-brand-foreground: #f0f2f4; + --text-link: #39ddfd !important; + + /* 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. +*/ diff --git a/build/base16-embers b/build/base16-embers index 5f1900e..b3c431d 100644 --- a/build/base16-embers +++ b/build/base16-embers @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #a39a90; - --text-1: #a39a90; - --text-2: #a39a90; - --text-3: #a39a90; - --text-4: #a39a90; - --text-5: #5a5047; - - /* Popups & Modals - using hex + alpha */ - --hover: #6d57821a; - --active: #6d578233; - --message-hover: #2c26200a; + --text-default: #a39a90; + --text-strong: #a39a90 !important; + --text-muted: #8a8075 !important; + --text-subtle: #5a5047; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #beb6ae !important; /* This was Pink (#f5c2e7) */ + --text-brand: #beb6ae; + --control-brand-foreground: #beb6ae; + --text-link: #6d5782 !important; + + /* 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. +*/ diff --git a/build/base16-embers-light b/build/base16-embers-light index 6b21244..6974507 100644 --- a/build/base16-embers-light +++ b/build/base16-embers-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #323b43; - --text-1: #323b43; - --text-2: #323b43; - --text-3: #323b43; - --text-4: #323b43; - --text-5: #75808a; - - /* Popups & Modals - using hex + alpha */ - --hover: #82576d1a; - --active: #82576d33; - --message-hover: #aeb6be0a; + --text-default: #323b43; + --text-strong: #323b43 !important; + --text-muted: #47505a !important; + --text-subtle: #75808a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #20262c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #20262c; + --control-brand-foreground: #20262c; + --text-link: #82576d !important; + + /* 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. +*/ diff --git a/build/base16-emil b/build/base16-emil index 6c52f1c..b47292c 100644 --- a/build/base16-emil +++ b/build/base16-emil @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #313145; - --text-1: #313145; - --text-2: #313145; - --text-3: #313145; - --text-4: #313145; - --text-5: #7c7c98; - - /* Popups & Modals - using hex + alpha */ - --hover: #4713971a; - --active: #47139733; - --message-hover: #bebed20a; + --text-default: #313145; + --text-strong: #313145 !important; + --text-muted: #505063 !important; + --text-subtle: #7c7c98; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #22223a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #22223a; + --control-brand-foreground: #22223a; + --text-link: #471397 !important; + + /* 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. +*/ diff --git a/build/base16-equilibrium-dark b/build/base16-equilibrium-dark index 03ec706..2869525 100644 --- a/build/base16-equilibrium-dark +++ b/build/base16-equilibrium-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #afaba2; - --text-1: #afaba2; - --text-2: #afaba2; - --text-3: #afaba2; - --text-4: #afaba2; - --text-5: #7b776e; - - /* Popups & Modals - using hex + alpha */ - --hover: #008dd11a; - --active: #008dd133; - --message-hover: #181c220a; + --text-default: #afaba2; + --text-strong: #afaba2 !important; + --text-muted: #949088 !important; + --text-subtle: #7b776e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cac6bd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cac6bd; + --control-brand-foreground: #cac6bd; + --text-link: #008dd1 !important; + + /* 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. +*/ diff --git a/build/base16-equilibrium-gray-dark b/build/base16-equilibrium-gray-dark index 69bc716..ab7b362 100644 --- a/build/base16-equilibrium-gray-dark +++ b/build/base16-equilibrium-gray-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #111111; - --bg-2: #1b1b1b; - --bg-3: #111111; - --bg-4: #111111; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #111111; + --background-base-lowest: #111111 !important; + --background-base-lower: #1b1b1b !important; + --background-surface-high: #111111 !important; + --chat-background: #111111; + --home-background: #111111; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1b1b1b !important; + --background-surface-highest: #262626 !important; + --background-accent: #262626 !important; + /* Text Colors */ - --text-0: #ababab; - --text-1: #ababab; - --text-2: #ababab; - --text-3: #ababab; - --text-4: #ababab; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #008dd11a; - --active: #008dd133; - --message-hover: #1b1b1b0a; + --text-default: #ababab; + --text-strong: #ababab !important; + --text-muted: #919191 !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c6c6c6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c6c6c6; + --control-brand-foreground: #c6c6c6; + --text-link: #008dd1 !important; + + /* Syntax & Status */ + --status-positive: #7f8b00; + --status-warning: #bb8801; + --status-danger: #f04339; + --icon-voice-muted: #f04339; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c6c6c6; + --scrollbar-auto-thumb: #c6c6c6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #111111 !important; + background-color: #c6c6c6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ababab; + background: #111111; +} +.hljs-keyword { color: #6a7fd2; } +.hljs-string { color: #7f8b00; } +.hljs-number { color: #df5923; } +.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. +*/ diff --git a/build/base16-equilibrium-gray-light b/build/base16-equilibrium-gray-light index f0f1bf9..c18294d 100644 --- a/build/base16-equilibrium-gray-light +++ b/build/base16-equilibrium-gray-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #637200; /* Green */ - --dnd-indicator: #d02023; /* Red */ - --idle-indicator: #9d6f00; /* Yellow */ - --streaming-indicator: #4e66b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0073b5; /* Blue */ - --accent-2: #007a72; /* Cyan */ - --accent-3: #007a72; - --accent-4: #0073b5; - --accent-5: #d02023; - - /* Backgrounds */ - --bg-1: #f1f1f1; - --bg-2: #e2e2e2; - --bg-3: #f1f1f1; - --bg-4: #f1f1f1; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f1f1f1; + --background-base-lowest: #f1f1f1 !important; + --background-base-lower: #e2e2e2 !important; + --background-surface-high: #f1f1f1 !important; + --chat-background: #f1f1f1; + --home-background: #f1f1f1; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e2e2e2 !important; + --background-surface-highest: #d4d4d4 !important; + --background-accent: #d4d4d4 !important; + /* Text Colors */ - --text-0: #474747; - --text-1: #474747; - --text-2: #474747; - --text-3: #474747; - --text-4: #474747; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #0073b51a; - --active: #0073b533; - --message-hover: #e2e2e20a; + --text-default: #474747; + --text-strong: #474747 !important; + --text-muted: #5e5e5e !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #303030 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #303030; + --control-brand-foreground: #303030; + --text-link: #0073b5 !important; + + /* Syntax & Status */ + --status-positive: #637200; + --status-warning: #9d6f00; + --status-danger: #d02023; + --icon-voice-muted: #d02023; + + /* Scrollbars */ + --scrollbar-thin-thumb: #303030; + --scrollbar-auto-thumb: #303030; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f1f1f1 !important; + background-color: #303030 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #474747; + background: #f1f1f1; +} +.hljs-keyword { color: #4e66b6; } +.hljs-string { color: #637200; } +.hljs-number { color: #bf3e05; } +.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. +*/ diff --git a/build/base16-equilibrium-light b/build/base16-equilibrium-light index 16c55fa..a8d87e0 100644 --- a/build/base16-equilibrium-light +++ b/build/base16-equilibrium-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #637200; /* Green */ - --dnd-indicator: #d02023; /* Red */ - --idle-indicator: #9d6f00; /* Yellow */ - --streaming-indicator: #4e66b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0073b5; /* Blue */ - --accent-2: #007a72; /* Cyan */ - --accent-3: #007a72; - --accent-4: #0073b5; - --accent-5: #d02023; - - /* Backgrounds */ - --bg-1: #f5f0e7; - --bg-2: #e7e2d9; - --bg-3: #f5f0e7; - --bg-4: #f5f0e7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f5f0e7; + --background-base-lowest: #f5f0e7 !important; + --background-base-lower: #e7e2d9 !important; + --background-surface-high: #f5f0e7 !important; + --chat-background: #f5f0e7; + --home-background: #f5f0e7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e7e2d9 !important; + --background-surface-highest: #d8d4cb !important; + --background-accent: #d8d4cb !important; + /* Text Colors */ - --text-0: #43474e; - --text-1: #43474e; - --text-2: #43474e; - --text-3: #43474e; - --text-4: #43474e; - --text-5: #73777f; - - /* Popups & Modals - using hex + alpha */ - --hover: #0073b51a; - --active: #0073b533; - --message-hover: #e7e2d90a; + --text-default: #43474e; + --text-strong: #43474e !important; + --text-muted: #5a5f66 !important; + --text-subtle: #73777f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2c3138 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2c3138; + --control-brand-foreground: #2c3138; + --text-link: #0073b5 !important; + + /* Syntax & Status */ + --status-positive: #637200; + --status-warning: #9d6f00; + --status-danger: #d02023; + --icon-voice-muted: #d02023; + + /* Scrollbars */ + --scrollbar-thin-thumb: #2c3138; + --scrollbar-auto-thumb: #2c3138; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f5f0e7 !important; + background-color: #2c3138 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #43474e; + background: #f5f0e7; +} +.hljs-keyword { color: #4e66b6; } +.hljs-string { color: #637200; } +.hljs-number { color: #bf3e05; } +.hljs-comment { color: #73777f; } + +/* 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. +*/ diff --git a/build/base16-eris b/build/base16-eris index 0044387..ccc3ca5 100644 --- a/build/base16-eris +++ b/build/base16-eris @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a2faa8; /* Green */ - --dnd-indicator: #f768a3; /* Red */ - --idle-indicator: #f7d668; /* Yellow */ - --streaming-indicator: #c368f7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #258fc4; /* Blue */ - --accent-2: #a2faf0; /* Cyan */ - --accent-3: #a2faf0; - --accent-4: #258fc4; - --accent-5: #f768a3; - - /* Backgrounds */ - --bg-1: #0a0920; - --bg-2: #13133a; - --bg-3: #0a0920; - --bg-4: #0a0920; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0a0920; + --background-base-lowest: #0a0920 !important; + --background-base-lower: #13133a !important; + --background-surface-high: #0a0920 !important; + --chat-background: #0a0920; + --home-background: #0a0920; + + /* UI Accents & Surfaces */ + --background-surface-higher: #13133a !important; + --background-surface-highest: #23255a !important; + --background-accent: #23255a !important; + /* Text Colors */ - --text-0: #606bac; - --text-1: #606bac; - --text-2: #606bac; - --text-3: #606bac; - --text-4: #606bac; - --text-5: #333773; - - /* Popups & Modals - using hex + alpha */ - --hover: #258fc41a; - --active: #258fc433; - --message-hover: #13133a0a; + --text-default: #606bac; + --text-strong: #606bac !important; + --text-muted: #4a5293 !important; + --text-subtle: #333773; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #7986c5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #7986c5; + --control-brand-foreground: #7986c5; + --text-link: #258fc4 !important; + + /* Syntax & Status */ + --status-positive: #a2faa8; + --status-warning: #f7d668; + --status-danger: #f768a3; + --icon-voice-muted: #f768a3; + + /* Scrollbars */ + --scrollbar-thin-thumb: #7986c5; + --scrollbar-auto-thumb: #7986c5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0a0920 !important; + background-color: #7986c5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #606bac; + background: #0a0920; +} +.hljs-keyword { color: #c368f7; } +.hljs-string { color: #a2faa8; } +.hljs-number { color: #f78968; } +.hljs-comment { color: #333773; } + +/* 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. +*/ diff --git a/build/base16-espresso b/build/base16-espresso index 05113b2..6cb0b52 100644 --- a/build/base16-espresso +++ b/build/base16-espresso @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a5c261; /* Green */ - --dnd-indicator: #d25252; /* Red */ - --idle-indicator: #ffc66d; /* Yellow */ - --streaming-indicator: #d197d9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6c99bb; /* Blue */ - --accent-2: #bed6ff; /* Cyan */ - --accent-3: #bed6ff; - --accent-4: #6c99bb; - --accent-5: #d25252; - - /* Backgrounds */ - --bg-1: #2d2d2d; - --bg-2: #393939; - --bg-3: #2d2d2d; - --bg-4: #2d2d2d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cccccc; - --text-1: #cccccc; - --text-2: #cccccc; - --text-3: #cccccc; - --text-4: #cccccc; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #6c99bb1a; - --active: #6c99bb33; - --message-hover: #3939390a; + --text-default: #cccccc; + --text-strong: #cccccc !important; + --text-muted: #b4b7b4 !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #6c99bb !important; + + /* Syntax & Status */ + --status-positive: #a5c261; + --status-warning: #ffc66d; + --status-danger: #d25252; + --icon-voice-muted: #d25252; + + /* 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: #d197d9; } +.hljs-string { color: #a5c261; } +.hljs-number { color: #f9a959; } +.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. +*/ diff --git a/build/base16-eva b/build/base16-eva index 62f43ac..7e6bd88 100644 --- a/build/base16-eva +++ b/build/base16-eva @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #66ff66; /* Green */ - --dnd-indicator: #c4676c; /* Red */ - --idle-indicator: #ffff66; /* Yellow */ - --streaming-indicator: #9c6cd3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #15f4ee; /* Blue */ - --accent-2: #4b8f77; /* Cyan */ - --accent-3: #4b8f77; - --accent-4: #15f4ee; - --accent-5: #c4676c; - - /* Backgrounds */ - --bg-1: #2a3b4d; - --bg-2: #3d566f; - --bg-3: #2a3b4d; - --bg-4: #2a3b4d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2a3b4d; + --background-base-lowest: #2a3b4d !important; + --background-base-lower: #3d566f !important; + --background-surface-high: #2a3b4d !important; + --chat-background: #2a3b4d; + --home-background: #2a3b4d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3d566f !important; + --background-surface-highest: #4b6988 !important; + --background-accent: #4b6988 !important; + /* Text Colors */ - --text-0: #9fa2a6; - --text-1: #9fa2a6; - --text-2: #9fa2a6; - --text-3: #9fa2a6; - --text-4: #9fa2a6; - --text-5: #55799c; - - /* Popups & Modals - using hex + alpha */ - --hover: #15f4ee1a; - --active: #15f4ee33; - --message-hover: #3d566f0a; + --text-default: #9fa2a6; + --text-strong: #9fa2a6 !important; + --text-muted: #7e90a3 !important; + --text-subtle: #55799c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d6d7d9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d6d7d9; + --control-brand-foreground: #d6d7d9; + --text-link: #15f4ee !important; + + /* Syntax & Status */ + --status-positive: #66ff66; + --status-warning: #ffff66; + --status-danger: #c4676c; + --icon-voice-muted: #c4676c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d6d7d9; + --scrollbar-auto-thumb: #d6d7d9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2a3b4d !important; + background-color: #d6d7d9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #9fa2a6; + background: #2a3b4d; +} +.hljs-keyword { color: #9c6cd3; } +.hljs-string { color: #66ff66; } +.hljs-number { color: #ff9966; } +.hljs-comment { color: #55799c; } + +/* 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. +*/ diff --git a/build/base16-eva-dim b/build/base16-eva-dim index 296827a..5c4074b 100644 --- a/build/base16-eva-dim +++ b/build/base16-eva-dim @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5de561; /* Green */ - --dnd-indicator: #c4676c; /* Red */ - --idle-indicator: #cfd05d; /* Yellow */ - --streaming-indicator: #9c6cd3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #1ae1dc; /* Blue */ - --accent-2: #4b8f77; /* Cyan */ - --accent-3: #4b8f77; - --accent-4: #1ae1dc; - --accent-5: #c4676c; - - /* Backgrounds */ - --bg-1: #2a3b4d; - --bg-2: #3d566f; - --bg-3: #2a3b4d; - --bg-4: #2a3b4d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2a3b4d; + --background-base-lowest: #2a3b4d !important; + --background-base-lower: #3d566f !important; + --background-surface-high: #2a3b4d !important; + --chat-background: #2a3b4d; + --home-background: #2a3b4d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3d566f !important; + --background-surface-highest: #4b6988 !important; + --background-accent: #4b6988 !important; + /* Text Colors */ - --text-0: #9fa2a6; - --text-1: #9fa2a6; - --text-2: #9fa2a6; - --text-3: #9fa2a6; - --text-4: #9fa2a6; - --text-5: #55799c; - - /* Popups & Modals - using hex + alpha */ - --hover: #1ae1dc1a; - --active: #1ae1dc33; - --message-hover: #3d566f0a; + --text-default: #9fa2a6; + --text-strong: #9fa2a6 !important; + --text-muted: #7e90a3 !important; + --text-subtle: #55799c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d6d7d9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d6d7d9; + --control-brand-foreground: #d6d7d9; + --text-link: #1ae1dc !important; + + /* Syntax & Status */ + --status-positive: #5de561; + --status-warning: #cfd05d; + --status-danger: #c4676c; + --icon-voice-muted: #c4676c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d6d7d9; + --scrollbar-auto-thumb: #d6d7d9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2a3b4d !important; + background-color: #d6d7d9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #9fa2a6; + background: #2a3b4d; +} +.hljs-keyword { color: #9c6cd3; } +.hljs-string { color: #5de561; } +.hljs-number { color: #ff9966; } +.hljs-comment { color: #55799c; } + +/* 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. +*/ diff --git a/build/base16-evenok-dark b/build/base16-evenok-dark index f86390a..eed7261 100644 --- a/build/base16-evenok-dark +++ b/build/base16-evenok-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #54bc5c; /* Green */ - --dnd-indicator: #f5708a; /* Red */ - --idle-indicator: #b8a300; /* Yellow */ - --streaming-indicator: #9095ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00aff2; /* Blue */ - --accent-2: #00bab3; /* Cyan */ - --accent-3: #00bab3; - --accent-4: #00aff2; - --accent-5: #f5708a; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #202020; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #202020 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #202020 !important; + --background-surface-highest: #303030 !important; + --background-accent: #303030 !important; + /* Text Colors */ - --text-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #505050; - - /* Popups & Modals - using hex + alpha */ - --hover: #00aff21a; - --active: #00aff233; - --message-hover: #2020200a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b0b0b0 !important; + --text-subtle: #505050; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #00aff2 !important; + + /* Syntax & Status */ + --status-positive: #54bc5c; + --status-warning: #b8a300; + --status-danger: #f5708a; + --icon-voice-muted: #f5708a; + + /* 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: #000000 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d0d0d0; + background: #000000; +} +.hljs-keyword { color: #9095ff; } +.hljs-string { color: #54bc5c; } +.hljs-number { color: #ee8122; } +.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. +*/ diff --git a/build/base16-everforest b/build/base16-everforest index 2384261..4e36fe7 100644 --- a/build/base16-everforest +++ b/build/base16-everforest @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a7c080; /* Green */ - --dnd-indicator: #e67e80; /* Red */ - --idle-indicator: #dbbc7f; /* Yellow */ - --streaming-indicator: #d699b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7fbbb3; /* Blue */ - --accent-2: #83c092; /* Cyan */ - --accent-3: #83c092; - --accent-4: #7fbbb3; - --accent-5: #e67e80; - - /* Backgrounds */ - --bg-1: #2d353b; - --bg-2: #343f44; - --bg-3: #2d353b; - --bg-4: #2d353b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2d353b; + --background-base-lowest: #2d353b !important; + --background-base-lower: #343f44 !important; + --background-surface-high: #2d353b !important; + --chat-background: #2d353b; + --home-background: #2d353b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #343f44 !important; + --background-surface-highest: #475258 !important; + --background-accent: #475258 !important; + /* Text Colors */ - --text-0: #d3c6aa; - --text-1: #d3c6aa; - --text-2: #d3c6aa; - --text-3: #d3c6aa; - --text-4: #d3c6aa; - --text-5: #859289; - - /* Popups & Modals - using hex + alpha */ - --hover: #7fbbb31a; - --active: #7fbbb333; - --message-hover: #343f440a; + --text-default: #d3c6aa; + --text-strong: #d3c6aa !important; + --text-muted: #9da9a0 !important; + --text-subtle: #859289; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e6e2cc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e6e2cc; + --control-brand-foreground: #e6e2cc; + --text-link: #7fbbb3 !important; + + /* Syntax & Status */ + --status-positive: #a7c080; + --status-warning: #dbbc7f; + --status-danger: #e67e80; + --icon-voice-muted: #e67e80; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e6e2cc; + --scrollbar-auto-thumb: #e6e2cc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2d353b !important; + background-color: #e6e2cc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d3c6aa; + background: #2d353b; +} +.hljs-keyword { color: #d699b6; } +.hljs-string { color: #a7c080; } +.hljs-number { color: #e69875; } +.hljs-comment { color: #859289; } + +/* 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. +*/ diff --git a/build/base16-everforest-dark-hard b/build/base16-everforest-dark-hard index 841a377..3d031da 100644 --- a/build/base16-everforest-dark-hard +++ b/build/base16-everforest-dark-hard @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a7c080; /* Green */ - --dnd-indicator: #e67e80; /* Red */ - --idle-indicator: #dbbc7f; /* Yellow */ - --streaming-indicator: #d699b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7fbbb3; /* Blue */ - --accent-2: #83c092; /* Cyan */ - --accent-3: #83c092; - --accent-4: #7fbbb3; - --accent-5: #e67e80; - - /* Backgrounds */ - --bg-1: #272e33; - --bg-2: #2e383c; - --bg-3: #272e33; - --bg-4: #272e33; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #272e33; + --background-base-lowest: #272e33 !important; + --background-base-lower: #2e383c !important; + --background-surface-high: #272e33 !important; + --chat-background: #272e33; + --home-background: #272e33; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2e383c !important; + --background-surface-highest: #414b50 !important; + --background-accent: #414b50 !important; + /* Text Colors */ - --text-0: #d3c6aa; - --text-1: #d3c6aa; - --text-2: #d3c6aa; - --text-3: #d3c6aa; - --text-4: #d3c6aa; - --text-5: #859289; - - /* Popups & Modals - using hex + alpha */ - --hover: #7fbbb31a; - --active: #7fbbb333; - --message-hover: #2e383c0a; + --text-default: #d3c6aa; + --text-strong: #d3c6aa !important; + --text-muted: #9da9a0 !important; + --text-subtle: #859289; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #edeada !important; /* This was Pink (#f5c2e7) */ + --text-brand: #edeada; + --control-brand-foreground: #edeada; + --text-link: #7fbbb3 !important; + + /* Syntax & Status */ + --status-positive: #a7c080; + --status-warning: #dbbc7f; + --status-danger: #e67e80; + --icon-voice-muted: #e67e80; + + /* Scrollbars */ + --scrollbar-thin-thumb: #edeada; + --scrollbar-auto-thumb: #edeada; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #272e33 !important; + background-color: #edeada !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d3c6aa; + background: #272e33; +} +.hljs-keyword { color: #d699b6; } +.hljs-string { color: #a7c080; } +.hljs-number { color: #e69875; } +.hljs-comment { color: #859289; } + +/* 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. +*/ diff --git a/build/base16-everforest-dark-medium b/build/base16-everforest-dark-medium index 688d0ca..e4056d8 100644 --- a/build/base16-everforest-dark-medium +++ b/build/base16-everforest-dark-medium @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a7c080; /* Green */ - --dnd-indicator: #e67e80; /* Red */ - --idle-indicator: #dbbc7f; /* Yellow */ - --streaming-indicator: #d699b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7fbbb3; /* Blue */ - --accent-2: #83c092; /* Cyan */ - --accent-3: #83c092; - --accent-4: #7fbbb3; - --accent-5: #e67e80; - - /* Backgrounds */ - --bg-1: #2d353b; - --bg-2: #343f44; - --bg-3: #2d353b; - --bg-4: #2d353b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2d353b; + --background-base-lowest: #2d353b !important; + --background-base-lower: #343f44 !important; + --background-surface-high: #2d353b !important; + --chat-background: #2d353b; + --home-background: #2d353b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #343f44 !important; + --background-surface-highest: #3d484d !important; + --background-accent: #3d484d !important; + /* Text Colors */ - --text-0: #859289; - --text-1: #859289; - --text-2: #859289; - --text-3: #859289; - --text-4: #859289; - --text-5: #475258; - - /* Popups & Modals - using hex + alpha */ - --hover: #7fbbb31a; - --active: #7fbbb333; - --message-hover: #343f440a; + --text-default: #859289; + --text-strong: #859289 !important; + --text-muted: #7a8478 !important; + --text-subtle: #475258; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #9da9a0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #9da9a0; + --control-brand-foreground: #9da9a0; + --text-link: #7fbbb3 !important; + + /* Syntax & Status */ + --status-positive: #a7c080; + --status-warning: #dbbc7f; + --status-danger: #e67e80; + --icon-voice-muted: #e67e80; + + /* Scrollbars */ + --scrollbar-thin-thumb: #9da9a0; + --scrollbar-auto-thumb: #9da9a0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2d353b !important; + background-color: #9da9a0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #859289; + background: #2d353b; +} +.hljs-keyword { color: #d699b6; } +.hljs-string { color: #a7c080; } +.hljs-number { color: #e69875; } +.hljs-comment { color: #475258; } + +/* 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. +*/ diff --git a/build/base16-everforest-dark-soft b/build/base16-everforest-dark-soft index 5ed9b3c..3f5e0f0 100644 --- a/build/base16-everforest-dark-soft +++ b/build/base16-everforest-dark-soft @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a7c080; /* Green */ - --dnd-indicator: #e67e80; /* Red */ - --idle-indicator: #dbbc7f; /* Yellow */ - --streaming-indicator: #d699b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7fbbb3; /* Blue */ - --accent-2: #83c092; /* Cyan */ - --accent-3: #83c092; - --accent-4: #7fbbb3; - --accent-5: #e67e80; - - /* Backgrounds */ - --bg-1: #333c43; - --bg-2: #3a464c; - --bg-3: #333c43; - --bg-4: #333c43; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #333c43; + --background-base-lowest: #333c43 !important; + --background-base-lower: #3a464c !important; + --background-surface-high: #333c43 !important; + --chat-background: #333c43; + --home-background: #333c43; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3a464c !important; + --background-surface-highest: #4d5960 !important; + --background-accent: #4d5960 !important; + /* Text Colors */ - --text-0: #d3c6aa; - --text-1: #d3c6aa; - --text-2: #d3c6aa; - --text-3: #d3c6aa; - --text-4: #d3c6aa; - --text-5: #859289; - - /* Popups & Modals - using hex + alpha */ - --hover: #7fbbb31a; - --active: #7fbbb333; - --message-hover: #3a464c0a; + --text-default: #d3c6aa; + --text-strong: #d3c6aa !important; + --text-muted: #9da9a0 !important; + --text-subtle: #859289; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ddd8be !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ddd8be; + --control-brand-foreground: #ddd8be; + --text-link: #7fbbb3 !important; + + /* Syntax & Status */ + --status-positive: #a7c080; + --status-warning: #dbbc7f; + --status-danger: #e67e80; + --icon-voice-muted: #e67e80; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ddd8be; + --scrollbar-auto-thumb: #ddd8be; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #333c43 !important; + background-color: #ddd8be !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d3c6aa; + background: #333c43; +} +.hljs-keyword { color: #d699b6; } +.hljs-string { color: #a7c080; } +.hljs-number { color: #e69875; } +.hljs-comment { color: #859289; } + +/* 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. +*/ diff --git a/build/base16-flat b/build/base16-flat index 77f3529..6dd2cf6 100644 --- a/build/base16-flat +++ b/build/base16-flat @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #2ecc71; /* Green */ - --dnd-indicator: #e74c3c; /* Red */ - --idle-indicator: #f1c40f; /* Yellow */ - --streaming-indicator: #9b59b6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3498db; /* Blue */ - --accent-2: #1abc9c; /* Cyan */ - --accent-3: #1abc9c; - --accent-4: #3498db; - --accent-5: #e74c3c; - - /* Backgrounds */ - --bg-1: #2c3e50; - --bg-2: #34495e; - --bg-3: #2c3e50; - --bg-4: #2c3e50; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2c3e50; + --background-base-lowest: #2c3e50 !important; + --background-base-lower: #34495e !important; + --background-surface-high: #2c3e50 !important; + --chat-background: #2c3e50; + --home-background: #2c3e50; + + /* UI Accents & Surfaces */ + --background-surface-higher: #34495e !important; + --background-surface-highest: #7f8c8d !important; + --background-accent: #7f8c8d !important; + /* Text Colors */ - --text-0: #e0e0e0; - --text-1: #e0e0e0; - --text-2: #e0e0e0; - --text-3: #e0e0e0; - --text-4: #e0e0e0; - --text-5: #95a5a6; - - /* Popups & Modals - using hex + alpha */ - --hover: #3498db1a; - --active: #3498db33; - --message-hover: #34495e0a; + --text-default: #e0e0e0; + --text-strong: #e0e0e0 !important; + --text-muted: #bdc3c7 !important; + --text-subtle: #95a5a6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5f5f5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5f5f5; + --control-brand-foreground: #f5f5f5; + --text-link: #3498db !important; + + /* Syntax & Status */ + --status-positive: #2ecc71; + --status-warning: #f1c40f; + --status-danger: #e74c3c; + --icon-voice-muted: #e74c3c; + + /* 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: #2c3e50 !important; + background-color: #f5f5f5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e0e0e0; + background: #2c3e50; +} +.hljs-keyword { color: #9b59b6; } +.hljs-string { color: #2ecc71; } +.hljs-number { color: #e67e22; } +.hljs-comment { color: #95a5a6; } + +/* 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. +*/ diff --git a/build/base16-flexoki-dark b/build/base16-flexoki-dark index 9bddb73..657cc5e 100644 --- a/build/base16-flexoki-dark +++ b/build/base16-flexoki-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #879a39; /* Green */ - --dnd-indicator: #d14d41; /* Red */ - --idle-indicator: #d0a215; /* Yellow */ - --streaming-indicator: #8b7ec8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4385be; /* Blue */ - --accent-2: #3aa99f; /* Cyan */ - --accent-3: #3aa99f; - --accent-4: #4385be; - --accent-5: #d14d41; - - /* Backgrounds */ - --bg-1: #100f0f; - --bg-2: #1c1b1a; - --bg-3: #100f0f; - --bg-4: #100f0f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #100f0f; + --background-base-lowest: #100f0f !important; + --background-base-lower: #1c1b1a !important; + --background-surface-high: #100f0f !important; + --chat-background: #100f0f; + --home-background: #100f0f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c1b1a !important; + --background-surface-highest: #282726 !important; + --background-accent: #282726 !important; + /* Text Colors */ - --text-0: #cecdc3; - --text-1: #cecdc3; - --text-2: #cecdc3; - --text-3: #cecdc3; - --text-4: #cecdc3; - --text-5: #575653; - - /* Popups & Modals - using hex + alpha */ - --hover: #4385be1a; - --active: #4385be33; - --message-hover: #1c1b1a0a; + --text-default: #cecdc3; + --text-strong: #cecdc3 !important; + --text-muted: #878580 !important; + --text-subtle: #575653; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e6e4d9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e6e4d9; + --control-brand-foreground: #e6e4d9; + --text-link: #4385be !important; + + /* Syntax & Status */ + --status-positive: #879a39; + --status-warning: #d0a215; + --status-danger: #d14d41; + --icon-voice-muted: #d14d41; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e6e4d9; + --scrollbar-auto-thumb: #e6e4d9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #100f0f !important; + background-color: #e6e4d9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cecdc3; + background: #100f0f; +} +.hljs-keyword { color: #8b7ec8; } +.hljs-string { color: #879a39; } +.hljs-number { color: #da702c; } +.hljs-comment { color: #575653; } + +/* 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. +*/ diff --git a/build/base16-flexoki-light b/build/base16-flexoki-light index 459f0e1..ea7d252 100644 --- a/build/base16-flexoki-light +++ b/build/base16-flexoki-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #66800b; /* Green */ - --dnd-indicator: #af3029; /* Red */ - --idle-indicator: #ad8301; /* Yellow */ - --streaming-indicator: #5e409d; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #205ea6; /* Blue */ - --accent-2: #24837b; /* Cyan */ - --accent-3: #24837b; - --accent-4: #205ea6; - --accent-5: #af3029; - - /* Backgrounds */ - --bg-1: #fffcf0; - --bg-2: #f2f0e5; - --bg-3: #fffcf0; - --bg-4: #fffcf0; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fffcf0; + --background-base-lowest: #fffcf0 !important; + --background-base-lower: #f2f0e5 !important; + --background-surface-high: #fffcf0 !important; + --chat-background: #fffcf0; + --home-background: #fffcf0; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f2f0e5 !important; + --background-surface-highest: #e6e4d9 !important; + --background-accent: #e6e4d9 !important; + /* Text Colors */ - --text-0: #403e3c; - --text-1: #403e3c; - --text-2: #403e3c; - --text-3: #403e3c; - --text-4: #403e3c; - --text-5: #cecdc3; - - /* Popups & Modals - using hex + alpha */ - --hover: #205ea61a; - --active: #205ea633; - --message-hover: #f2f0e50a; + --text-default: #403e3c; + --text-strong: #403e3c !important; + --text-muted: #9f9d96 !important; + --text-subtle: #cecdc3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282726 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282726; + --control-brand-foreground: #282726; + --text-link: #205ea6 !important; + + /* Syntax & Status */ + --status-positive: #66800b; + --status-warning: #ad8301; + --status-danger: #af3029; + --icon-voice-muted: #af3029; + + /* Scrollbars */ + --scrollbar-thin-thumb: #282726; + --scrollbar-auto-thumb: #282726; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fffcf0 !important; + background-color: #282726 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #403e3c; + background: #fffcf0; +} +.hljs-keyword { color: #5e409d; } +.hljs-string { color: #66800b; } +.hljs-number { color: #bc5215; } +.hljs-comment { color: #cecdc3; } + +/* 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. +*/ diff --git a/build/base16-framer b/build/base16-framer index 1dc4042..56f33ac 100644 --- a/build/base16-framer +++ b/build/base16-framer @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #32ccdc; /* Green */ - --dnd-indicator: #fd886b; /* Red */ - --idle-indicator: #fecb6e; /* Yellow */ - --streaming-indicator: #ba8cfc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #20bcfc; /* Blue */ - --accent-2: #acddfd; /* Cyan */ - --accent-3: #acddfd; - --accent-4: #20bcfc; - --accent-5: #fd886b; - - /* Backgrounds */ - --bg-1: #181818; - --bg-2: #151515; - --bg-3: #181818; - --bg-4: #181818; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #181818; + --background-base-lowest: #181818 !important; + --background-base-lower: #151515 !important; + --background-surface-high: #181818 !important; + --chat-background: #181818; + --home-background: #181818; + + /* UI Accents & Surfaces */ + --background-surface-higher: #151515 !important; + --background-surface-highest: #464646 !important; + --background-accent: #464646 !important; + /* Text Colors */ - --text-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #747474; - - /* Popups & Modals - using hex + alpha */ - --hover: #20bcfc1a; - --active: #20bcfc33; - --message-hover: #1515150a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b9b9b9 !important; + --text-subtle: #747474; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #20bcfc !important; + + /* Syntax & Status */ + --status-positive: #32ccdc; + --status-warning: #fecb6e; + --status-danger: #fd886b; + --icon-voice-muted: #fd886b; + + /* 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: #d0d0d0; + background: #181818; +} +.hljs-keyword { color: #ba8cfc; } +.hljs-string { color: #32ccdc; } +.hljs-number { color: #fc4769; } +.hljs-comment { color: #747474; } + +/* 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. +*/ diff --git a/build/base16-fruit-soda b/build/base16-fruit-soda index a474e84..060fa42 100644 --- a/build/base16-fruit-soda +++ b/build/base16-fruit-soda @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #47f74c; /* Green */ - --dnd-indicator: #fe3e31; /* Red */ - --idle-indicator: #f7e203; /* Yellow */ - --streaming-indicator: #611fce; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2931df; /* Blue */ - --accent-2: #0f9cfd; /* Cyan */ - --accent-3: #0f9cfd; - --accent-4: #2931df; - --accent-5: #fe3e31; - - /* Backgrounds */ - --bg-1: #f1ecf1; - --bg-2: #e0dee0; - --bg-3: #f1ecf1; - --bg-4: #f1ecf1; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f1ecf1; + --background-base-lowest: #f1ecf1 !important; + --background-base-lower: #e0dee0 !important; + --background-surface-high: #f1ecf1 !important; + --chat-background: #f1ecf1; + --home-background: #f1ecf1; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e0dee0 !important; + --background-surface-highest: #d8d5d5 !important; + --background-accent: #d8d5d5 !important; + /* Text Colors */ - --text-0: #515151; - --text-1: #515151; - --text-2: #515151; - --text-3: #515151; - --text-4: #515151; - --text-5: #b5b4b6; - - /* Popups & Modals - using hex + alpha */ - --hover: #2931df1a; - --active: #2931df33; - --message-hover: #e0dee00a; + --text-default: #515151; + --text-strong: #515151 !important; + --text-muted: #979598 !important; + --text-subtle: #b5b4b6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #474545 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #474545; + --control-brand-foreground: #474545; + --text-link: #2931df !important; + + /* Syntax & Status */ + --status-positive: #47f74c; + --status-warning: #f7e203; + --status-danger: #fe3e31; + --icon-voice-muted: #fe3e31; + + /* Scrollbars */ + --scrollbar-thin-thumb: #474545; + --scrollbar-auto-thumb: #474545; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f1ecf1 !important; + background-color: #474545 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #515151; + background: #f1ecf1; +} +.hljs-keyword { color: #611fce; } +.hljs-string { color: #47f74c; } +.hljs-number { color: #fe6d08; } +.hljs-comment { color: #b5b4b6; } + +/* 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. +*/ diff --git a/build/base16-gigavolt b/build/base16-gigavolt index a152081..2d5082c 100644 --- a/build/base16-gigavolt +++ b/build/base16-gigavolt @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #f2e6a9; /* Green */ - --dnd-indicator: #ff661a; /* Red */ - --idle-indicator: #ffdc2d; /* Yellow */ - --streaming-indicator: #ae94f9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #40bfff; /* Blue */ - --accent-2: #fb6acb; /* Cyan */ - --accent-3: #fb6acb; - --accent-4: #40bfff; - --accent-5: #ff661a; - - /* Backgrounds */ - --bg-1: #202126; - --bg-2: #2d303d; - --bg-3: #202126; - --bg-4: #202126; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #202126; + --background-base-lowest: #202126 !important; + --background-base-lower: #2d303d !important; + --background-surface-high: #202126 !important; + --chat-background: #202126; + --home-background: #202126; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2d303d !important; + --background-surface-highest: #5a576e !important; + --background-accent: #5a576e !important; + /* Text Colors */ - --text-0: #e9e7e1; - --text-1: #e9e7e1; - --text-2: #e9e7e1; - --text-3: #e9e7e1; - --text-4: #e9e7e1; - --text-5: #a1d2e6; - - /* Popups & Modals - using hex + alpha */ - --hover: #40bfff1a; - --active: #40bfff33; - --message-hover: #2d303d0a; + --text-default: #e9e7e1; + --text-strong: #e9e7e1 !important; + --text-muted: #cad3ff !important; + --text-subtle: #a1d2e6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eff0f9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eff0f9; + --control-brand-foreground: #eff0f9; + --text-link: #40bfff !important; + + /* Syntax & Status */ + --status-positive: #f2e6a9; + --status-warning: #ffdc2d; + --status-danger: #ff661a; + --icon-voice-muted: #ff661a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eff0f9; + --scrollbar-auto-thumb: #eff0f9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #202126 !important; + background-color: #eff0f9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e9e7e1; + background: #202126; +} +.hljs-keyword { color: #ae94f9; } +.hljs-string { color: #f2e6a9; } +.hljs-number { color: #19f988; } +.hljs-comment { color: #a1d2e6; } + +/* 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. +*/ diff --git a/build/base16-github b/build/base16-github index 56483cc..033cfeb 100644 --- a/build/base16-github +++ b/build/base16-github @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #2da44e; /* Green */ - --dnd-indicator: #fa4549; /* Red */ - --idle-indicator: #bf8700; /* Yellow */ - --streaming-indicator: #a475f9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #218bff; /* Blue */ - --accent-2: #339d9b; /* Cyan */ - --accent-3: #339d9b; - --accent-4: #218bff; - --accent-5: #fa4549; - - /* Backgrounds */ - --bg-1: #eaeef2; - --bg-2: #d0d7de; - --bg-3: #eaeef2; - --bg-4: #eaeef2; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #eaeef2; + --background-base-lowest: #eaeef2 !important; + --background-base-lower: #d0d7de !important; + --background-surface-high: #eaeef2 !important; + --chat-background: #eaeef2; + --home-background: #eaeef2; + + /* UI Accents & Surfaces */ + --background-surface-higher: #d0d7de !important; + --background-surface-highest: #afb8c1 !important; + --background-accent: #afb8c1 !important; + /* Text Colors */ - --text-0: #424a53; - --text-1: #424a53; - --text-2: #424a53; - --text-3: #424a53; - --text-4: #424a53; - --text-5: #8c959f; - - /* Popups & Modals - using hex + alpha */ - --hover: #218bff1a; - --active: #218bff33; - --message-hover: #d0d7de0a; + --text-default: #424a53; + --text-strong: #424a53 !important; + --text-muted: #6e7781 !important; + --text-subtle: #8c959f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #32383f !important; /* This was Pink (#f5c2e7) */ + --text-brand: #32383f; + --control-brand-foreground: #32383f; + --text-link: #218bff !important; + + /* Syntax & Status */ + --status-positive: #2da44e; + --status-warning: #bf8700; + --status-danger: #fa4549; + --icon-voice-muted: #fa4549; + + /* Scrollbars */ + --scrollbar-thin-thumb: #32383f; + --scrollbar-auto-thumb: #32383f; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #eaeef2 !important; + background-color: #32383f !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #424a53; + background: #eaeef2; +} +.hljs-keyword { color: #a475f9; } +.hljs-string { color: #2da44e; } +.hljs-number { color: #e16f24; } +.hljs-comment { color: #8c959f; } + +/* 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. +*/ diff --git a/build/base16-github-dark b/build/base16-github-dark index b52ad0c..322ca8e 100644 --- a/build/base16-github-dark +++ b/build/base16-github-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #2ea043; /* Green */ - --dnd-indicator: #f85149; /* Red */ - --idle-indicator: #bb8009; /* Yellow */ - --streaming-indicator: #a371f7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #388bfd; /* Blue */ - --accent-2: #2a9d9a; /* Cyan */ - --accent-3: #2a9d9a; - --accent-4: #388bfd; - --accent-5: #f85149; - - /* Backgrounds */ - --bg-1: #161b22; - --bg-2: #30363d; - --bg-3: #161b22; - --bg-4: #161b22; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #161b22; + --background-base-lowest: #161b22 !important; + --background-base-lower: #30363d !important; + --background-surface-high: #161b22 !important; + --chat-background: #161b22; + --home-background: #161b22; + + /* UI Accents & Surfaces */ + --background-surface-higher: #30363d !important; + --background-surface-highest: #484f58 !important; + --background-accent: #484f58 !important; + /* Text Colors */ - --text-0: #c9d1d9; - --text-1: #c9d1d9; - --text-2: #c9d1d9; - --text-3: #c9d1d9; - --text-4: #c9d1d9; - --text-5: #6e7681; - - /* Popups & Modals - using hex + alpha */ - --hover: #388bfd1a; - --active: #388bfd33; - --message-hover: #30363d0a; + --text-default: #c9d1d9; + --text-strong: #c9d1d9 !important; + --text-muted: #8b949e !important; + --text-subtle: #6e7681; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f0f6fc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f0f6fc; + --control-brand-foreground: #f0f6fc; + --text-link: #388bfd !important; + + /* Syntax & Status */ + --status-positive: #2ea043; + --status-warning: #bb8009; + --status-danger: #f85149; + --icon-voice-muted: #f85149; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f0f6fc; + --scrollbar-auto-thumb: #f0f6fc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #161b22 !important; + background-color: #f0f6fc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c9d1d9; + background: #161b22; +} +.hljs-keyword { color: #a371f7; } +.hljs-string { color: #2ea043; } +.hljs-number { color: #db6d28; } +.hljs-comment { color: #6e7681; } + +/* 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. +*/ diff --git a/build/base16-google-dark b/build/base16-google-dark index 7c4a0aa..ccce755 100644 --- a/build/base16-google-dark +++ b/build/base16-google-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #198844; /* Green */ - --dnd-indicator: #cc342b; /* Red */ - --idle-indicator: #fba922; /* Yellow */ - --streaming-indicator: #a36ac7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3971ed; /* Blue */ - --accent-2: #3971ed; /* Cyan */ - --accent-3: #3971ed; - --accent-4: #3971ed; - --accent-5: #cc342b; - - /* Backgrounds */ - --bg-1: #1d1f21; - --bg-2: #282a2e; - --bg-3: #1d1f21; - --bg-4: #1d1f21; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1d1f21; + --background-base-lowest: #1d1f21 !important; + --background-base-lower: #282a2e !important; + --background-surface-high: #1d1f21 !important; + --chat-background: #1d1f21; + --home-background: #1d1f21; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282a2e !important; + --background-surface-highest: #373b41 !important; + --background-accent: #373b41 !important; + /* Text Colors */ - --text-0: #c5c8c6; - --text-1: #c5c8c6; - --text-2: #c5c8c6; - --text-3: #c5c8c6; - --text-4: #c5c8c6; - --text-5: #969896; - - /* Popups & Modals - using hex + alpha */ - --hover: #3971ed1a; - --active: #3971ed33; - --message-hover: #282a2e0a; + --text-default: #c5c8c6; + --text-strong: #c5c8c6 !important; + --text-muted: #b4b7b4 !important; + --text-subtle: #969896; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #3971ed !important; + + /* Syntax & Status */ + --status-positive: #198844; + --status-warning: #fba922; + --status-danger: #cc342b; + --icon-voice-muted: #cc342b; + + /* 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: #1d1f21 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c5c8c6; + background: #1d1f21; +} +.hljs-keyword { color: #a36ac7; } +.hljs-string { color: #198844; } +.hljs-number { color: #f96a38; } +.hljs-comment { color: #969896; } + +/* 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. +*/ diff --git a/build/base16-google-light b/build/base16-google-light index b05ff01..a4db7ba 100644 --- a/build/base16-google-light +++ b/build/base16-google-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #198844; /* Green */ - --dnd-indicator: #cc342b; /* Red */ - --idle-indicator: #fba922; /* Yellow */ - --streaming-indicator: #a36ac7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3971ed; /* Blue */ - --accent-2: #3971ed; /* Cyan */ - --accent-3: #3971ed; - --accent-4: #3971ed; - --accent-5: #cc342b; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #e0e0e0; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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: #c5c8c6 !important; + --background-accent: #c5c8c6 !important; + /* Text Colors */ - --text-0: #373b41; - --text-1: #373b41; - --text-2: #373b41; - --text-3: #373b41; - --text-4: #373b41; - --text-5: #b4b7b4; - - /* Popups & Modals - using hex + alpha */ - --hover: #3971ed1a; - --active: #3971ed33; - --message-hover: #e0e0e00a; + --text-default: #373b41; + --text-strong: #373b41 !important; + --text-muted: #969896 !important; + --text-subtle: #b4b7b4; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282a2e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282a2e; + --control-brand-foreground: #282a2e; + --text-link: #3971ed !important; + + /* Syntax & Status */ + --status-positive: #198844; + --status-warning: #fba922; + --status-danger: #cc342b; + --icon-voice-muted: #cc342b; + + /* Scrollbars */ + --scrollbar-thin-thumb: #282a2e; + --scrollbar-auto-thumb: #282a2e; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #282a2e !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #373b41; + background: #ffffff; +} +.hljs-keyword { color: #a36ac7; } +.hljs-string { color: #198844; } +.hljs-number { color: #f96a38; } +.hljs-comment { color: #b4b7b4; } + +/* 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. +*/ diff --git a/build/base16-gotham b/build/base16-gotham index 07d84d3..3a2e86d 100644 --- a/build/base16-gotham +++ b/build/base16-gotham @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #33859e; /* Green */ - --dnd-indicator: #c23127; /* Red */ - --idle-indicator: #edb443; /* Yellow */ - --streaming-indicator: #888ca6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #195466; /* Blue */ - --accent-2: #2aa889; /* Cyan */ - --accent-3: #2aa889; - --accent-4: #195466; - --accent-5: #c23127; - - /* Backgrounds */ - --bg-1: #0c1014; - --bg-2: #11151c; - --bg-3: #0c1014; - --bg-4: #0c1014; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0c1014; + --background-base-lowest: #0c1014 !important; + --background-base-lower: #11151c !important; + --background-surface-high: #0c1014 !important; + --chat-background: #0c1014; + --home-background: #0c1014; + + /* UI Accents & Surfaces */ + --background-surface-higher: #11151c !important; + --background-surface-highest: #091f2e !important; + --background-accent: #091f2e !important; + /* Text Colors */ - --text-0: #599cab; - --text-1: #599cab; - --text-2: #599cab; - --text-3: #599cab; - --text-4: #599cab; - --text-5: #0a3749; - - /* Popups & Modals - using hex + alpha */ - --hover: #1954661a; - --active: #19546633; - --message-hover: #11151c0a; + --text-default: #599cab; + --text-strong: #599cab !important; + --text-muted: #245361 !important; + --text-subtle: #0a3749; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #99d1ce !important; /* This was Pink (#f5c2e7) */ + --text-brand: #99d1ce; + --control-brand-foreground: #99d1ce; + --text-link: #195466 !important; + + /* Syntax & Status */ + --status-positive: #33859e; + --status-warning: #edb443; + --status-danger: #c23127; + --icon-voice-muted: #c23127; + + /* Scrollbars */ + --scrollbar-thin-thumb: #99d1ce; + --scrollbar-auto-thumb: #99d1ce; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0c1014 !important; + background-color: #99d1ce !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #599cab; + background: #0c1014; +} +.hljs-keyword { color: #888ca6; } +.hljs-string { color: #33859e; } +.hljs-number { color: #d26937; } +.hljs-comment { color: #0a3749; } + +/* 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. +*/ diff --git a/build/base16-grayscale-dark b/build/base16-grayscale-dark index f99e3af..7c78a42 100644 --- a/build/base16-grayscale-dark +++ b/build/base16-grayscale-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8e8e8e; /* Green */ - --dnd-indicator: #7c7c7c; /* Red */ - --idle-indicator: #a0a0a0; /* Yellow */ - --streaming-indicator: #747474; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #686868; /* Blue */ - --accent-2: #868686; /* Cyan */ - --accent-3: #868686; - --accent-4: #686868; - --accent-5: #7c7c7c; - - /* Backgrounds */ - --bg-1: #101010; - --bg-2: #252525; - --bg-3: #101010; - --bg-4: #101010; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #101010; + --background-base-lowest: #101010 !important; + --background-base-lower: #252525 !important; + --background-surface-high: #101010 !important; + --chat-background: #101010; + --home-background: #101010; + + /* UI Accents & Surfaces */ + --background-surface-higher: #252525 !important; + --background-surface-highest: #464646 !important; + --background-accent: #464646 !important; + /* Text Colors */ - --text-0: #b9b9b9; - --text-1: #b9b9b9; - --text-2: #b9b9b9; - --text-3: #b9b9b9; - --text-4: #b9b9b9; - --text-5: #525252; - - /* Popups & Modals - using hex + alpha */ - --hover: #6868681a; - --active: #68686833; - --message-hover: #2525250a; + --text-default: #b9b9b9; + --text-strong: #b9b9b9 !important; + --text-muted: #ababab !important; + --text-subtle: #525252; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e3e3e3 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e3e3e3; + --control-brand-foreground: #e3e3e3; + --text-link: #686868 !important; + + /* Syntax & Status */ + --status-positive: #8e8e8e; + --status-warning: #a0a0a0; + --status-danger: #7c7c7c; + --icon-voice-muted: #7c7c7c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e3e3e3; + --scrollbar-auto-thumb: #e3e3e3; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #101010 !important; + background-color: #e3e3e3 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b9b9b9; + background: #101010; +} +.hljs-keyword { color: #747474; } +.hljs-string { color: #8e8e8e; } +.hljs-number { color: #999999; } +.hljs-comment { color: #525252; } + +/* 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. +*/ diff --git a/build/base16-grayscale-light b/build/base16-grayscale-light index 4e525e8..73b900d 100644 --- a/build/base16-grayscale-light +++ b/build/base16-grayscale-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8e8e8e; /* Green */ - --dnd-indicator: #7c7c7c; /* Red */ - --idle-indicator: #a0a0a0; /* Yellow */ - --streaming-indicator: #747474; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #686868; /* Blue */ - --accent-2: #868686; /* Cyan */ - --accent-3: #868686; - --accent-4: #686868; - --accent-5: #7c7c7c; - - /* Backgrounds */ - --bg-1: #f7f7f7; - --bg-2: #e3e3e3; - --bg-3: #f7f7f7; - --bg-4: #f7f7f7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f7f7f7; + --background-base-lowest: #f7f7f7 !important; + --background-base-lower: #e3e3e3 !important; + --background-surface-high: #f7f7f7 !important; + --chat-background: #f7f7f7; + --home-background: #f7f7f7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e3e3e3 !important; + --background-surface-highest: #b9b9b9 !important; + --background-accent: #b9b9b9 !important; + /* Text Colors */ - --text-0: #464646; - --text-1: #464646; - --text-2: #464646; - --text-3: #464646; - --text-4: #464646; - --text-5: #ababab; - - /* Popups & Modals - using hex + alpha */ - --hover: #6868681a; - --active: #68686833; - --message-hover: #e3e3e30a; + --text-default: #464646; + --text-strong: #464646 !important; + --text-muted: #525252 !important; + --text-subtle: #ababab; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #252525 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #252525; + --control-brand-foreground: #252525; + --text-link: #686868 !important; + + /* Syntax & Status */ + --status-positive: #8e8e8e; + --status-warning: #a0a0a0; + --status-danger: #7c7c7c; + --icon-voice-muted: #7c7c7c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #252525; + --scrollbar-auto-thumb: #252525; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f7f7f7 !important; + background-color: #252525 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #464646; + background: #f7f7f7; +} +.hljs-keyword { color: #747474; } +.hljs-string { color: #8e8e8e; } +.hljs-number { color: #999999; } +.hljs-comment { color: #ababab; } + +/* 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. +*/ diff --git a/build/base16-greenscreen b/build/base16-greenscreen index 9e66712..551171a 100644 --- a/build/base16-greenscreen +++ b/build/base16-greenscreen @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00bb00; /* Green */ - --dnd-indicator: #007700; /* Red */ - --idle-indicator: #007700; /* Yellow */ - --streaming-indicator: #00bb00; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #009900; /* Blue */ - --accent-2: #005500; /* Cyan */ - --accent-3: #005500; - --accent-4: #009900; - --accent-5: #007700; - - /* Backgrounds */ - --bg-1: #001100; - --bg-2: #003300; - --bg-3: #001100; - --bg-4: #001100; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #001100; + --background-base-lowest: #001100 !important; + --background-base-lower: #003300 !important; + --background-surface-high: #001100 !important; + --chat-background: #001100; + --home-background: #001100; + + /* UI Accents & Surfaces */ + --background-surface-higher: #003300 !important; + --background-surface-highest: #005500 !important; + --background-accent: #005500 !important; + /* Text Colors */ - --text-0: #00bb00; - --text-1: #00bb00; - --text-2: #00bb00; - --text-3: #00bb00; - --text-4: #00bb00; - --text-5: #007700; - - /* Popups & Modals - using hex + alpha */ - --hover: #0099001a; - --active: #00990033; - --message-hover: #0033000a; + --text-default: #00bb00; + --text-strong: #00bb00 !important; + --text-muted: #009900 !important; + --text-subtle: #007700; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #00dd00 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #00dd00; + --control-brand-foreground: #00dd00; + --text-link: #009900 !important; + + /* Syntax & Status */ + --status-positive: #00bb00; + --status-warning: #007700; + --status-danger: #007700; + --icon-voice-muted: #007700; + + /* Scrollbars */ + --scrollbar-thin-thumb: #00dd00; + --scrollbar-auto-thumb: #00dd00; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #001100 !important; + background-color: #00dd00 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #00bb00; + background: #001100; +} +.hljs-keyword { color: #00bb00; } +.hljs-string { color: #00bb00; } +.hljs-number { color: #009900; } +.hljs-comment { color: #007700; } + +/* 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. +*/ diff --git a/build/base16-gruber b/build/base16-gruber index dbcd481..5c9e23f 100644 --- a/build/base16-gruber +++ b/build/base16-gruber @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #73c936; /* Green */ - --dnd-indicator: #f43841; /* Red */ - --idle-indicator: #ffdd33; /* Yellow */ - --streaming-indicator: #9e95c7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #96a6c8; /* Blue */ - --accent-2: #95a99f; /* Cyan */ - --accent-3: #95a99f; - --accent-4: #96a6c8; - --accent-5: #f43841; - - /* Backgrounds */ - --bg-1: #181818; - --bg-2: #453d41; - --bg-3: #181818; - --bg-4: #181818; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #181818; + --background-base-lowest: #181818 !important; + --background-base-lower: #453d41 !important; + --background-surface-high: #181818 !important; + --chat-background: #181818; + --home-background: #181818; + + /* UI Accents & Surfaces */ + --background-surface-higher: #453d41 !important; + --background-surface-highest: #484848 !important; + --background-accent: #484848 !important; + /* Text Colors */ - --text-0: #f4f4ff; - --text-1: #f4f4ff; - --text-2: #f4f4ff; - --text-3: #f4f4ff; - --text-4: #f4f4ff; - --text-5: #52494e; - - /* Popups & Modals - using hex + alpha */ - --hover: #96a6c81a; - --active: #96a6c833; - --message-hover: #453d410a; + --text-default: #f4f4ff; + --text-strong: #f4f4ff !important; + --text-muted: #e4e4ef !important; + --text-subtle: #52494e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5f5f5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5f5f5; + --control-brand-foreground: #f5f5f5; + --text-link: #96a6c8 !important; + + /* Syntax & Status */ + --status-positive: #73c936; + --status-warning: #ffdd33; + --status-danger: #f43841; + --icon-voice-muted: #f43841; + + /* 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: #181818 !important; + background-color: #f5f5f5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f4f4ff; + background: #181818; +} +.hljs-keyword { color: #9e95c7; } +.hljs-string { color: #73c936; } +.hljs-number { color: #c73c3f; } +.hljs-comment { color: #52494e; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-dark b/build/base16-gruvbox-dark index 1dbcb19..bb7bb9c 100644 --- a/build/base16-gruvbox-dark +++ b/build/base16-gruvbox-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #98971a; /* Green */ - --dnd-indicator: #cc241d; /* Red */ - --idle-indicator: #d79921; /* Yellow */ - --streaming-indicator: #b16286; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #458588; /* Blue */ - --accent-2: #689d6a; /* Cyan */ - --accent-3: #689d6a; - --accent-4: #458588; - --accent-5: #cc241d; - - /* Backgrounds */ - --bg-1: #282828; - --bg-2: #3c3836; - --bg-3: #282828; - --bg-4: #282828; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282828; + --background-base-lowest: #282828 !important; + --background-base-lower: #3c3836 !important; + --background-surface-high: #282828 !important; + --chat-background: #282828; + --home-background: #282828; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3c3836 !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #ebdbb2; - --text-1: #ebdbb2; - --text-2: #ebdbb2; - --text-3: #ebdbb2; - --text-4: #ebdbb2; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #4585881a; - --active: #45858833; - --message-hover: #3c38360a; + --text-default: #ebdbb2; + --text-strong: #ebdbb2 !important; + --text-muted: #928374 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fbf1c7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fbf1c7; + --control-brand-foreground: #fbf1c7; + --text-link: #458588 !important; + + /* Syntax & Status */ + --status-positive: #98971a; + --status-warning: #d79921; + --status-danger: #cc241d; + --icon-voice-muted: #cc241d; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fbf1c7; + --scrollbar-auto-thumb: #fbf1c7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #282828 !important; + background-color: #fbf1c7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ebdbb2; + background: #282828; +} +.hljs-keyword { color: #b16286; } +.hljs-string { color: #98971a; } +.hljs-number { color: #d65d0e; } +.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. +*/ diff --git a/build/base16-gruvbox-dark-hard b/build/base16-gruvbox-dark-hard index 9837e41..7025b8b 100644 --- a/build/base16-gruvbox-dark-hard +++ b/build/base16-gruvbox-dark-hard @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #fb4934; /* Red */ - --idle-indicator: #fabd2f; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83a598; /* Blue */ - --accent-2: #8ec07c; /* Cyan */ - --accent-3: #8ec07c; - --accent-4: #83a598; - --accent-5: #fb4934; - - /* Backgrounds */ - --bg-1: #1d2021; - --bg-2: #3c3836; - --bg-3: #1d2021; - --bg-4: #1d2021; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1d2021; + --background-base-lowest: #1d2021 !important; + --background-base-lower: #3c3836 !important; + --background-surface-high: #1d2021 !important; + --chat-background: #1d2021; + --home-background: #1d2021; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3c3836 !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #d5c4a1; - --text-1: #d5c4a1; - --text-2: #d5c4a1; - --text-3: #d5c4a1; - --text-4: #d5c4a1; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #83a5981a; - --active: #83a59833; - --message-hover: #3c38360a; + --text-default: #d5c4a1; + --text-strong: #d5c4a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #83a598 !important; + + /* Syntax & Status */ + --status-positive: #b8bb26; + --status-warning: #fabd2f; + --status-danger: #fb4934; + --icon-voice-muted: #fb4934; + + /* 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: #1d2021 !important; + background-color: #ebdbb2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d5c4a1; + background: #1d2021; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #b8bb26; } +.hljs-number { color: #fe8019; } +.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. +*/ diff --git a/build/base16-gruvbox-dark-medium b/build/base16-gruvbox-dark-medium index d2b6ad5..c1cfff7 100644 --- a/build/base16-gruvbox-dark-medium +++ b/build/base16-gruvbox-dark-medium @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #fb4934; /* Red */ - --idle-indicator: #fabd2f; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83a598; /* Blue */ - --accent-2: #8ec07c; /* Cyan */ - --accent-3: #8ec07c; - --accent-4: #83a598; - --accent-5: #fb4934; - - /* Backgrounds */ - --bg-1: #282828; - --bg-2: #3c3836; - --bg-3: #282828; - --bg-4: #282828; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282828; + --background-base-lowest: #282828 !important; + --background-base-lower: #3c3836 !important; + --background-surface-high: #282828 !important; + --chat-background: #282828; + --home-background: #282828; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3c3836 !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #d5c4a1; - --text-1: #d5c4a1; - --text-2: #d5c4a1; - --text-3: #d5c4a1; - --text-4: #d5c4a1; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #83a5981a; - --active: #83a59833; - --message-hover: #3c38360a; + --text-default: #d5c4a1; + --text-strong: #d5c4a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #83a598 !important; + + /* Syntax & Status */ + --status-positive: #b8bb26; + --status-warning: #fabd2f; + --status-danger: #fb4934; + --icon-voice-muted: #fb4934; + + /* 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: #d5c4a1; + background: #282828; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #b8bb26; } +.hljs-number { color: #fe8019; } +.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. +*/ diff --git a/build/base16-gruvbox-dark-pale b/build/base16-gruvbox-dark-pale index f891006..ff2f3ec 100644 --- a/build/base16-gruvbox-dark-pale +++ b/build/base16-gruvbox-dark-pale @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #afaf00; /* Green */ - --dnd-indicator: #d75f5f; /* Red */ - --idle-indicator: #ffaf00; /* Yellow */ - --streaming-indicator: #d485ad; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83adad; /* Blue */ - --accent-2: #85ad85; /* Cyan */ - --accent-3: #85ad85; - --accent-4: #83adad; - --accent-5: #d75f5f; - - /* Backgrounds */ - --bg-1: #262626; - --bg-2: #3a3a3a; - --bg-3: #262626; - --bg-4: #262626; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #262626; + --background-base-lowest: #262626 !important; + --background-base-lower: #3a3a3a !important; + --background-surface-high: #262626 !important; + --chat-background: #262626; + --home-background: #262626; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3a3a3a !important; + --background-surface-highest: #4e4e4e !important; + --background-accent: #4e4e4e !important; + /* Text Colors */ - --text-0: #dab997; - --text-1: #dab997; - --text-2: #dab997; - --text-3: #dab997; - --text-4: #dab997; - --text-5: #8a8a8a; - - /* Popups & Modals - using hex + alpha */ - --hover: #83adad1a; - --active: #83adad33; - --message-hover: #3a3a3a0a; + --text-default: #dab997; + --text-strong: #dab997 !important; + --text-muted: #949494 !important; + --text-subtle: #8a8a8a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d5c4a1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d5c4a1; + --control-brand-foreground: #d5c4a1; + --text-link: #83adad !important; + + /* Syntax & Status */ + --status-positive: #afaf00; + --status-warning: #ffaf00; + --status-danger: #d75f5f; + --icon-voice-muted: #d75f5f; + + /* 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: #262626 !important; + background-color: #d5c4a1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dab997; + background: #262626; +} +.hljs-keyword { color: #d485ad; } +.hljs-string { color: #afaf00; } +.hljs-number { color: #ff8700; } +.hljs-comment { color: #8a8a8a; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-dark-soft b/build/base16-gruvbox-dark-soft index 9a99290..c1fee48 100644 --- a/build/base16-gruvbox-dark-soft +++ b/build/base16-gruvbox-dark-soft @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #fb4934; /* Red */ - --idle-indicator: #fabd2f; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83a598; /* Blue */ - --accent-2: #8ec07c; /* Cyan */ - --accent-3: #8ec07c; - --accent-4: #83a598; - --accent-5: #fb4934; - - /* Backgrounds */ - --bg-1: #32302f; - --bg-2: #3c3836; - --bg-3: #32302f; - --bg-4: #32302f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #32302f; + --background-base-lowest: #32302f !important; + --background-base-lower: #3c3836 !important; + --background-surface-high: #32302f !important; + --chat-background: #32302f; + --home-background: #32302f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3c3836 !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #d5c4a1; - --text-1: #d5c4a1; - --text-2: #d5c4a1; - --text-3: #d5c4a1; - --text-4: #d5c4a1; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #83a5981a; - --active: #83a59833; - --message-hover: #3c38360a; + --text-default: #d5c4a1; + --text-strong: #d5c4a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #83a598 !important; + + /* Syntax & Status */ + --status-positive: #b8bb26; + --status-warning: #fabd2f; + --status-danger: #fb4934; + --icon-voice-muted: #fb4934; + + /* 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: #32302f !important; + background-color: #ebdbb2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d5c4a1; + background: #32302f; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #b8bb26; } +.hljs-number { color: #fe8019; } +.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. +*/ diff --git a/build/base16-gruvbox-light b/build/base16-gruvbox-light index 0b1b1df..15ec395 100644 --- a/build/base16-gruvbox-light +++ b/build/base16-gruvbox-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #98971a; /* Green */ - --dnd-indicator: #cc241d; /* Red */ - --idle-indicator: #d79921; /* Yellow */ - --streaming-indicator: #b16286; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #458588; /* Blue */ - --accent-2: #689d6a; /* Cyan */ - --accent-3: #689d6a; - --accent-4: #458588; - --accent-5: #cc241d; - - /* Backgrounds */ - --bg-1: #fbf1c7; - --bg-2: #ebdbb2; - --bg-3: #fbf1c7; - --bg-4: #fbf1c7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbf1c7; + --background-base-lowest: #fbf1c7 !important; + --background-base-lower: #ebdbb2 !important; + --background-surface-high: #fbf1c7 !important; + --chat-background: #fbf1c7; + --home-background: #fbf1c7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebdbb2 !important; + --background-surface-highest: #d5c4a1 !important; + --background-accent: #d5c4a1 !important; + /* Text Colors */ - --text-0: #3c3836; - --text-1: #3c3836; - --text-2: #3c3836; - --text-3: #3c3836; - --text-4: #3c3836; - --text-5: #bdae93; - - /* Popups & Modals - using hex + alpha */ - --hover: #4585881a; - --active: #45858833; - --message-hover: #ebdbb20a; + --text-default: #3c3836; + --text-strong: #3c3836 !important; + --text-muted: #7c6f64 !important; + --text-subtle: #bdae93; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282828 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282828; + --control-brand-foreground: #282828; + --text-link: #458588 !important; + + /* Syntax & Status */ + --status-positive: #98971a; + --status-warning: #d79921; + --status-danger: #cc241d; + --icon-voice-muted: #cc241d; + + /* 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: #fbf1c7 !important; + background-color: #282828 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #3c3836; + background: #fbf1c7; +} +.hljs-keyword { color: #b16286; } +.hljs-string { color: #98971a; } +.hljs-number { color: #d65d0e; } +.hljs-comment { color: #bdae93; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-light-hard b/build/base16-gruvbox-light-hard index 656ffa9..d501d89 100644 --- a/build/base16-gruvbox-light-hard +++ b/build/base16-gruvbox-light-hard @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #79740e; /* Green */ - --dnd-indicator: #9d0006; /* Red */ - --idle-indicator: #b57614; /* Yellow */ - --streaming-indicator: #8f3f71; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #076678; /* Blue */ - --accent-2: #427b58; /* Cyan */ - --accent-3: #427b58; - --accent-4: #076678; - --accent-5: #9d0006; - - /* Backgrounds */ - --bg-1: #f9f5d7; - --bg-2: #ebdbb2; - --bg-3: #f9f5d7; - --bg-4: #f9f5d7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f9f5d7; + --background-base-lowest: #f9f5d7 !important; + --background-base-lower: #ebdbb2 !important; + --background-surface-high: #f9f5d7 !important; + --chat-background: #f9f5d7; + --home-background: #f9f5d7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebdbb2 !important; + --background-surface-highest: #d5c4a1 !important; + --background-accent: #d5c4a1 !important; + /* Text Colors */ - --text-0: #504945; - --text-1: #504945; - --text-2: #504945; - --text-3: #504945; - --text-4: #504945; - --text-5: #bdae93; - - /* Popups & Modals - using hex + alpha */ - --hover: #0766781a; - --active: #07667833; - --message-hover: #ebdbb20a; + --text-default: #504945; + --text-strong: #504945 !important; + --text-muted: #665c54 !important; + --text-subtle: #bdae93; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #076678 !important; + + /* Syntax & Status */ + --status-positive: #79740e; + --status-warning: #b57614; + --status-danger: #9d0006; + --icon-voice-muted: #9d0006; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f9f5d7 !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #504945; + background: #f9f5d7; +} +.hljs-keyword { color: #8f3f71; } +.hljs-string { color: #79740e; } +.hljs-number { color: #af3a03; } +.hljs-comment { color: #bdae93; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-light-medium b/build/base16-gruvbox-light-medium index abfd9e4..37bc44d 100644 --- a/build/base16-gruvbox-light-medium +++ b/build/base16-gruvbox-light-medium @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #79740e; /* Green */ - --dnd-indicator: #9d0006; /* Red */ - --idle-indicator: #b57614; /* Yellow */ - --streaming-indicator: #8f3f71; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #076678; /* Blue */ - --accent-2: #427b58; /* Cyan */ - --accent-3: #427b58; - --accent-4: #076678; - --accent-5: #9d0006; - - /* Backgrounds */ - --bg-1: #fbf1c7; - --bg-2: #ebdbb2; - --bg-3: #fbf1c7; - --bg-4: #fbf1c7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbf1c7; + --background-base-lowest: #fbf1c7 !important; + --background-base-lower: #ebdbb2 !important; + --background-surface-high: #fbf1c7 !important; + --chat-background: #fbf1c7; + --home-background: #fbf1c7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebdbb2 !important; + --background-surface-highest: #d5c4a1 !important; + --background-accent: #d5c4a1 !important; + /* Text Colors */ - --text-0: #504945; - --text-1: #504945; - --text-2: #504945; - --text-3: #504945; - --text-4: #504945; - --text-5: #bdae93; - - /* Popups & Modals - using hex + alpha */ - --hover: #0766781a; - --active: #07667833; - --message-hover: #ebdbb20a; + --text-default: #504945; + --text-strong: #504945 !important; + --text-muted: #665c54 !important; + --text-subtle: #bdae93; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #076678 !important; + + /* Syntax & Status */ + --status-positive: #79740e; + --status-warning: #b57614; + --status-danger: #9d0006; + --icon-voice-muted: #9d0006; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fbf1c7 !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #504945; + background: #fbf1c7; +} +.hljs-keyword { color: #8f3f71; } +.hljs-string { color: #79740e; } +.hljs-number { color: #af3a03; } +.hljs-comment { color: #bdae93; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-light-soft b/build/base16-gruvbox-light-soft index 6769c5f..8eb0cc1 100644 --- a/build/base16-gruvbox-light-soft +++ b/build/base16-gruvbox-light-soft @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #79740e; /* Green */ - --dnd-indicator: #9d0006; /* Red */ - --idle-indicator: #b57614; /* Yellow */ - --streaming-indicator: #8f3f71; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #076678; /* Blue */ - --accent-2: #427b58; /* Cyan */ - --accent-3: #427b58; - --accent-4: #076678; - --accent-5: #9d0006; - - /* Backgrounds */ - --bg-1: #f2e5bc; - --bg-2: #ebdbb2; - --bg-3: #f2e5bc; - --bg-4: #f2e5bc; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f2e5bc; + --background-base-lowest: #f2e5bc !important; + --background-base-lower: #ebdbb2 !important; + --background-surface-high: #f2e5bc !important; + --chat-background: #f2e5bc; + --home-background: #f2e5bc; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebdbb2 !important; + --background-surface-highest: #d5c4a1 !important; + --background-accent: #d5c4a1 !important; + /* Text Colors */ - --text-0: #504945; - --text-1: #504945; - --text-2: #504945; - --text-3: #504945; - --text-4: #504945; - --text-5: #bdae93; - - /* Popups & Modals - using hex + alpha */ - --hover: #0766781a; - --active: #07667833; - --message-hover: #ebdbb20a; + --text-default: #504945; + --text-strong: #504945 !important; + --text-muted: #665c54 !important; + --text-subtle: #bdae93; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #076678 !important; + + /* Syntax & Status */ + --status-positive: #79740e; + --status-warning: #b57614; + --status-danger: #9d0006; + --icon-voice-muted: #9d0006; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f2e5bc !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #504945; + background: #f2e5bc; +} +.hljs-keyword { color: #8f3f71; } +.hljs-string { color: #79740e; } +.hljs-number { color: #af3a03; } +.hljs-comment { color: #bdae93; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-material-dark-hard b/build/base16-gruvbox-material-dark-hard index 68c2e21..d8f9a60 100644 --- a/build/base16-gruvbox-material-dark-hard +++ b/build/base16-gruvbox-material-dark-hard @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a9b665; /* Green */ - --dnd-indicator: #ea6962; /* Red */ - --idle-indicator: #d8a657; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7daea3; /* Blue */ - --accent-2: #89b482; /* Cyan */ - --accent-3: #89b482; - --accent-4: #7daea3; - --accent-5: #ea6962; - - /* Backgrounds */ - --bg-1: #202020; - --bg-2: #2a2827; - --bg-3: #202020; - --bg-4: #202020; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #202020; + --background-base-lowest: #202020 !important; + --background-base-lower: #2a2827 !important; + --background-surface-high: #202020 !important; + --chat-background: #202020; + --home-background: #202020; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a2827 !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #ddc7a1; - --text-1: #ddc7a1; - --text-2: #ddc7a1; - --text-3: #ddc7a1; - --text-4: #ddc7a1; - --text-5: #5a524c; - - /* Popups & Modals - using hex + alpha */ - --hover: #7daea31a; - --active: #7daea333; - --message-hover: #2a28270a; + --text-default: #ddc7a1; + --text-strong: #ddc7a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #5a524c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #7daea3 !important; + + /* Syntax & Status */ + --status-positive: #a9b665; + --status-warning: #d8a657; + --status-danger: #ea6962; + --icon-voice-muted: #ea6962; + + /* 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: #202020 !important; + background-color: #ebdbb2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ddc7a1; + background: #202020; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #a9b665; } +.hljs-number { color: #e78a4e; } +.hljs-comment { color: #5a524c; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-material-dark-medium b/build/base16-gruvbox-material-dark-medium index fd0a481..42a5559 100644 --- a/build/base16-gruvbox-material-dark-medium +++ b/build/base16-gruvbox-material-dark-medium @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a9b665; /* Green */ - --dnd-indicator: #ea6962; /* Red */ - --idle-indicator: #d8a657; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7daea3; /* Blue */ - --accent-2: #89b482; /* Cyan */ - --accent-3: #89b482; - --accent-4: #7daea3; - --accent-5: #ea6962; - - /* Backgrounds */ - --bg-1: #292828; - --bg-2: #32302f; - --bg-3: #292828; - --bg-4: #292828; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292828; + --background-base-lowest: #292828 !important; + --background-base-lower: #32302f !important; + --background-surface-high: #292828 !important; + --chat-background: #292828; + --home-background: #292828; + + /* UI Accents & Surfaces */ + --background-surface-higher: #32302f !important; + --background-surface-highest: #504945 !important; + --background-accent: #504945 !important; + /* Text Colors */ - --text-0: #ddc7a1; - --text-1: #ddc7a1; - --text-2: #ddc7a1; - --text-3: #ddc7a1; - --text-4: #ddc7a1; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #7daea31a; - --active: #7daea333; - --message-hover: #32302f0a; + --text-default: #ddc7a1; + --text-strong: #ddc7a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #7daea3 !important; + + /* Syntax & Status */ + --status-positive: #a9b665; + --status-warning: #d8a657; + --status-danger: #ea6962; + --icon-voice-muted: #ea6962; + + /* 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: #292828 !important; + background-color: #ebdbb2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ddc7a1; + background: #292828; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #a9b665; } +.hljs-number { color: #e78a4e; } +.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. +*/ diff --git a/build/base16-gruvbox-material-dark-soft b/build/base16-gruvbox-material-dark-soft index 0138a80..d00dca3 100644 --- a/build/base16-gruvbox-material-dark-soft +++ b/build/base16-gruvbox-material-dark-soft @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a9b665; /* Green */ - --dnd-indicator: #ea6962; /* Red */ - --idle-indicator: #d8a657; /* Yellow */ - --streaming-indicator: #d3869b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7daea3; /* Blue */ - --accent-2: #89b482; /* Cyan */ - --accent-3: #89b482; - --accent-4: #7daea3; - --accent-5: #ea6962; - - /* Backgrounds */ - --bg-1: #32302f; - --bg-2: #3c3836; - --bg-3: #32302f; - --bg-4: #32302f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #32302f; + --background-base-lowest: #32302f !important; + --background-base-lower: #3c3836 !important; + --background-surface-high: #32302f !important; + --chat-background: #32302f; + --home-background: #32302f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3c3836 !important; + --background-surface-highest: #5a524c !important; + --background-accent: #5a524c !important; + /* Text Colors */ - --text-0: #ddc7a1; - --text-1: #ddc7a1; - --text-2: #ddc7a1; - --text-3: #ddc7a1; - --text-4: #ddc7a1; - --text-5: #7c6f64; - - /* Popups & Modals - using hex + alpha */ - --hover: #7daea31a; - --active: #7daea333; - --message-hover: #3c38360a; + --text-default: #ddc7a1; + --text-strong: #ddc7a1 !important; + --text-muted: #bdae93 !important; + --text-subtle: #7c6f64; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ebdbb2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ebdbb2; + --control-brand-foreground: #ebdbb2; + --text-link: #7daea3 !important; + + /* Syntax & Status */ + --status-positive: #a9b665; + --status-warning: #d8a657; + --status-danger: #ea6962; + --icon-voice-muted: #ea6962; + + /* 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: #32302f !important; + background-color: #ebdbb2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ddc7a1; + background: #32302f; +} +.hljs-keyword { color: #d3869b; } +.hljs-string { color: #a9b665; } +.hljs-number { color: #e78a4e; } +.hljs-comment { color: #7c6f64; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-material-light-hard b/build/base16-gruvbox-material-light-hard index 300fcb6..cba244d 100644 --- a/build/base16-gruvbox-material-light-hard +++ b/build/base16-gruvbox-material-light-hard @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6c782e; /* Green */ - --dnd-indicator: #c14a4a; /* Red */ - --idle-indicator: #b47109; /* Yellow */ - --streaming-indicator: #945e80; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #45707a; /* Blue */ - --accent-2: #4c7a5d; /* Cyan */ - --accent-3: #4c7a5d; - --accent-4: #45707a; - --accent-5: #c14a4a; - - /* Backgrounds */ - --bg-1: #f9f5d7; - --bg-2: #fbf1c7; - --bg-3: #f9f5d7; - --bg-4: #f9f5d7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f9f5d7; + --background-base-lowest: #f9f5d7 !important; + --background-base-lower: #fbf1c7 !important; + --background-surface-high: #f9f5d7 !important; + --chat-background: #f9f5d7; + --home-background: #f9f5d7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fbf1c7 !important; + --background-surface-highest: #e0cfa9 !important; + --background-accent: #e0cfa9 !important; + /* Text Colors */ - --text-0: #654735; - --text-1: #654735; - --text-2: #654735; - --text-3: #654735; - --text-4: #654735; - --text-5: #a89984; - - /* Popups & Modals - using hex + alpha */ - --hover: #45707a1a; - --active: #45707a33; - --message-hover: #fbf1c70a; + --text-default: #654735; + --text-strong: #654735 !important; + --text-muted: #c9b99a !important; + --text-subtle: #a89984; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #45707a !important; + + /* Syntax & Status */ + --status-positive: #6c782e; + --status-warning: #b47109; + --status-danger: #c14a4a; + --icon-voice-muted: #c14a4a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f9f5d7 !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #654735; + background: #f9f5d7; +} +.hljs-keyword { color: #945e80; } +.hljs-string { color: #6c782e; } +.hljs-number { color: #c35e0a; } +.hljs-comment { color: #a89984; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-material-light-medium b/build/base16-gruvbox-material-light-medium index 9ad86d0..0bc9c72 100644 --- a/build/base16-gruvbox-material-light-medium +++ b/build/base16-gruvbox-material-light-medium @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6c782e; /* Green */ - --dnd-indicator: #c14a4a; /* Red */ - --idle-indicator: #b47109; /* Yellow */ - --streaming-indicator: #945e80; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #45707a; /* Blue */ - --accent-2: #4c7a5d; /* Cyan */ - --accent-3: #4c7a5d; - --accent-4: #45707a; - --accent-5: #c14a4a; - - /* Backgrounds */ - --bg-1: #fbf1c7; - --bg-2: #f2e5bc; - --bg-3: #fbf1c7; - --bg-4: #fbf1c7; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbf1c7; + --background-base-lowest: #fbf1c7 !important; + --background-base-lower: #f2e5bc !important; + --background-surface-high: #fbf1c7 !important; + --chat-background: #fbf1c7; + --home-background: #fbf1c7; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f2e5bc !important; + --background-surface-highest: #d5c4a1 !important; + --background-accent: #d5c4a1 !important; + /* Text Colors */ - --text-0: #654735; - --text-1: #654735; - --text-2: #654735; - --text-3: #654735; - --text-4: #654735; - --text-5: #bdae93; - - /* Popups & Modals - using hex + alpha */ - --hover: #45707a1a; - --active: #45707a33; - --message-hover: #f2e5bc0a; + --text-default: #654735; + --text-strong: #654735 !important; + --text-muted: #665c54 !important; + --text-subtle: #bdae93; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #45707a !important; + + /* Syntax & Status */ + --status-positive: #6c782e; + --status-warning: #b47109; + --status-danger: #c14a4a; + --icon-voice-muted: #c14a4a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fbf1c7 !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #654735; + background: #fbf1c7; +} +.hljs-keyword { color: #945e80; } +.hljs-string { color: #6c782e; } +.hljs-number { color: #c35e0a; } +.hljs-comment { color: #bdae93; } + +/* 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. +*/ diff --git a/build/base16-gruvbox-material-light-soft b/build/base16-gruvbox-material-light-soft index 1984798..599eb5f 100644 --- a/build/base16-gruvbox-material-light-soft +++ b/build/base16-gruvbox-material-light-soft @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6c782e; /* Green */ - --dnd-indicator: #c14a4a; /* Red */ - --idle-indicator: #b47109; /* Yellow */ - --streaming-indicator: #945e80; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #45707a; /* Blue */ - --accent-2: #4c7a5d; /* Cyan */ - --accent-3: #4c7a5d; - --accent-4: #45707a; - --accent-5: #c14a4a; - - /* Backgrounds */ - --bg-1: #f2e5bc; - --bg-2: #ebdbb2; - --bg-3: #f2e5bc; - --bg-4: #f2e5bc; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f2e5bc; + --background-base-lowest: #f2e5bc !important; + --background-base-lower: #ebdbb2 !important; + --background-surface-high: #f2e5bc !important; + --chat-background: #f2e5bc; + --home-background: #f2e5bc; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebdbb2 !important; + --background-surface-highest: #c9b99a !important; + --background-accent: #c9b99a !important; + /* Text Colors */ - --text-0: #654735; - --text-1: #654735; - --text-2: #654735; - --text-3: #654735; - --text-4: #654735; - --text-5: #a89984; - - /* Popups & Modals - using hex + alpha */ - --hover: #45707a1a; - --active: #45707a33; - --message-hover: #ebdbb20a; + --text-default: #654735; + --text-strong: #654735 !important; + --text-muted: #665c54 !important; + --text-subtle: #a89984; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3c3836 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3c3836; + --control-brand-foreground: #3c3836; + --text-link: #45707a !important; + + /* Syntax & Status */ + --status-positive: #6c782e; + --status-warning: #b47109; + --status-danger: #c14a4a; + --icon-voice-muted: #c14a4a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3c3836; + --scrollbar-auto-thumb: #3c3836; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f2e5bc !important; + background-color: #3c3836 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #654735; + background: #f2e5bc; +} +.hljs-keyword { color: #945e80; } +.hljs-string { color: #6c782e; } +.hljs-number { color: #c35e0a; } +.hljs-comment { color: #a89984; } + +/* 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. +*/ diff --git a/build/base16-hardcore b/build/base16-hardcore index 70809aa..79ba240 100644 --- a/build/base16-hardcore +++ b/build/base16-hardcore @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a6e22e; /* Green */ - --dnd-indicator: #f92672; /* Red */ - --idle-indicator: #e6db74; /* Yellow */ - --streaming-indicator: #9e6ffe; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #66d9ef; /* Blue */ - --accent-2: #708387; /* Cyan */ - --accent-3: #708387; - --accent-4: #66d9ef; - --accent-5: #f92672; - - /* Backgrounds */ - --bg-1: #212121; - --bg-2: #303030; - --bg-3: #212121; - --bg-4: #212121; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #212121; + --background-base-lowest: #212121 !important; + --background-base-lower: #303030 !important; + --background-surface-high: #212121 !important; + --chat-background: #212121; + --home-background: #212121; + + /* UI Accents & Surfaces */ + --background-surface-higher: #303030 !important; + --background-surface-highest: #353535 !important; + --background-accent: #353535 !important; + /* Text Colors */ - --text-0: #cdcdcd; - --text-1: #cdcdcd; - --text-2: #cdcdcd; - --text-3: #cdcdcd; - --text-4: #cdcdcd; - --text-5: #4a4a4a; - - /* Popups & Modals - using hex + alpha */ - --hover: #66d9ef1a; - --active: #66d9ef33; - --message-hover: #3030300a; + --text-default: #cdcdcd; + --text-strong: #cdcdcd !important; + --text-muted: #707070 !important; + --text-subtle: #4a4a4a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e5e5e5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e5e5e5; + --control-brand-foreground: #e5e5e5; + --text-link: #66d9ef !important; + + /* Syntax & Status */ + --status-positive: #a6e22e; + --status-warning: #e6db74; + --status-danger: #f92672; + --icon-voice-muted: #f92672; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e5e5e5; + --scrollbar-auto-thumb: #e5e5e5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #212121 !important; + background-color: #e5e5e5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cdcdcd; + background: #212121; +} +.hljs-keyword { color: #9e6ffe; } +.hljs-string { color: #a6e22e; } +.hljs-number { color: #fd971f; } +.hljs-comment { color: #4a4a4a; } + +/* 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. +*/ diff --git a/build/base16-hardhacker b/build/base16-hardhacker index 9f91dfc..1c021d8 100644 --- a/build/base16-hardhacker +++ b/build/base16-hardhacker @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b1f2a7; /* Green */ - --dnd-indicator: #e965a5; /* Red */ - --idle-indicator: #ebde76; /* Yellow */ - --streaming-indicator: #ff79c6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #95a6f4; /* Blue */ - --accent-2: #b3f4f3; /* Cyan */ - --accent-3: #b3f4f3; - --accent-4: #95a6f4; - --accent-5: #e965a5; - - /* Backgrounds */ - --bg-1: #211e2a; - --bg-2: #2c2737; - --bg-3: #211e2a; - --bg-4: #211e2a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #211e2a; + --background-base-lowest: #211e2a !important; + --background-base-lower: #2c2737 !important; + --background-surface-high: #211e2a !important; + --chat-background: #211e2a; + --home-background: #211e2a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2c2737 !important; + --background-surface-highest: #3f3951 !important; + --background-accent: #3f3951 !important; + /* Text Colors */ - --text-0: #e4dee9; - --text-1: #e4dee9; - --text-2: #e4dee9; - --text-3: #e4dee9; - --text-4: #e4dee9; - --text-5: #6e6780; - - /* Popups & Modals - using hex + alpha */ - --hover: #95a6f41a; - --active: #95a6f433; - --message-hover: #2c27370a; + --text-default: #e4dee9; + --text-strong: #e4dee9 !important; + --text-muted: #8a829e !important; + --text-subtle: #6e6780; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f2e8f0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f2e8f0; + --control-brand-foreground: #f2e8f0; + --text-link: #95a6f4 !important; + + /* Syntax & Status */ + --status-positive: #b1f2a7; + --status-warning: #ebde76; + --status-danger: #e965a5; + --icon-voice-muted: #e965a5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f2e8f0; + --scrollbar-auto-thumb: #f2e8f0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #211e2a !important; + background-color: #f2e8f0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e4dee9; + background: #211e2a; +} +.hljs-keyword { color: #ff79c6; } +.hljs-string { color: #b1f2a7; } +.hljs-number { color: #f4b870; } +.hljs-comment { color: #6e6780; } + +/* 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. +*/ diff --git a/build/base16-harmonic16-dark b/build/base16-harmonic16-dark index df4b488..cfd7d25 100644 --- a/build/base16-harmonic16-dark +++ b/build/base16-harmonic16-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #56bf8b; /* Green */ - --dnd-indicator: #bf8b56; /* Red */ - --idle-indicator: #8bbf56; /* Yellow */ - --streaming-indicator: #bf568b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8b56bf; /* Blue */ - --accent-2: #568bbf; /* Cyan */ - --accent-3: #568bbf; - --accent-4: #8b56bf; - --accent-5: #bf8b56; - - /* Backgrounds */ - --bg-1: #0b1c2c; - --bg-2: #223b54; - --bg-3: #0b1c2c; - --bg-4: #0b1c2c; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0b1c2c; + --background-base-lowest: #0b1c2c !important; + --background-base-lower: #223b54 !important; + --background-surface-high: #0b1c2c !important; + --chat-background: #0b1c2c; + --home-background: #0b1c2c; + + /* UI Accents & Surfaces */ + --background-surface-higher: #223b54 !important; + --background-surface-highest: #405c79 !important; + --background-accent: #405c79 !important; + /* Text Colors */ - --text-0: #cbd6e2; - --text-1: #cbd6e2; - --text-2: #cbd6e2; - --text-3: #cbd6e2; - --text-4: #cbd6e2; - --text-5: #627e99; - - /* Popups & Modals - using hex + alpha */ - --hover: #8b56bf1a; - --active: #8b56bf33; - --message-hover: #223b540a; + --text-default: #cbd6e2; + --text-strong: #cbd6e2 !important; + --text-muted: #aabcce !important; + --text-subtle: #627e99; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e5ebf1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e5ebf1; + --control-brand-foreground: #e5ebf1; + --text-link: #8b56bf !important; + + /* Syntax & Status */ + --status-positive: #56bf8b; + --status-warning: #8bbf56; + --status-danger: #bf8b56; + --icon-voice-muted: #bf8b56; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e5ebf1; + --scrollbar-auto-thumb: #e5ebf1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0b1c2c !important; + background-color: #e5ebf1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cbd6e2; + background: #0b1c2c; +} +.hljs-keyword { color: #bf568b; } +.hljs-string { color: #56bf8b; } +.hljs-number { color: #bfbf56; } +.hljs-comment { color: #627e99; } + +/* 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. +*/ diff --git a/build/base16-harmonic16-light b/build/base16-harmonic16-light index 39001c6..b9a3a73 100644 --- a/build/base16-harmonic16-light +++ b/build/base16-harmonic16-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #56bf8b; /* Green */ - --dnd-indicator: #bf8b56; /* Red */ - --idle-indicator: #8bbf56; /* Yellow */ - --streaming-indicator: #bf568b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8b56bf; /* Blue */ - --accent-2: #568bbf; /* Cyan */ - --accent-3: #568bbf; - --accent-4: #8b56bf; - --accent-5: #bf8b56; - - /* Backgrounds */ - --bg-1: #f7f9fb; - --bg-2: #e5ebf1; - --bg-3: #f7f9fb; - --bg-4: #f7f9fb; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f7f9fb; + --background-base-lowest: #f7f9fb !important; + --background-base-lower: #e5ebf1 !important; + --background-surface-high: #f7f9fb !important; + --chat-background: #f7f9fb; + --home-background: #f7f9fb; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e5ebf1 !important; + --background-surface-highest: #cbd6e2 !important; + --background-accent: #cbd6e2 !important; + /* Text Colors */ - --text-0: #405c79; - --text-1: #405c79; - --text-2: #405c79; - --text-3: #405c79; - --text-4: #405c79; - --text-5: #aabcce; - - /* Popups & Modals - using hex + alpha */ - --hover: #8b56bf1a; - --active: #8b56bf33; - --message-hover: #e5ebf10a; + --text-default: #405c79; + --text-strong: #405c79 !important; + --text-muted: #627e99 !important; + --text-subtle: #aabcce; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #223b54 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #223b54; + --control-brand-foreground: #223b54; + --text-link: #8b56bf !important; + + /* Syntax & Status */ + --status-positive: #56bf8b; + --status-warning: #8bbf56; + --status-danger: #bf8b56; + --icon-voice-muted: #bf8b56; + + /* Scrollbars */ + --scrollbar-thin-thumb: #223b54; + --scrollbar-auto-thumb: #223b54; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f7f9fb !important; + background-color: #223b54 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #405c79; + background: #f7f9fb; +} +.hljs-keyword { color: #bf568b; } +.hljs-string { color: #56bf8b; } +.hljs-number { color: #bfbf56; } +.hljs-comment { color: #aabcce; } + +/* 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. +*/ diff --git a/build/base16-heetch b/build/base16-heetch index 5e8f5b2..2a12b68 100644 --- a/build/base16-heetch +++ b/build/base16-heetch @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #c33678; /* Green */ - --dnd-indicator: #27d9d5; /* Red */ - --idle-indicator: #8f6c97; /* Yellow */ - --streaming-indicator: #82034c; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #bd0152; /* Blue */ - --accent-2: #f80059; /* Cyan */ - --accent-3: #f80059; - --accent-4: #bd0152; - --accent-5: #27d9d5; - - /* Backgrounds */ - --bg-1: #190134; - --bg-2: #392551; - --bg-3: #190134; - --bg-4: #190134; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #190134; + --background-base-lowest: #190134 !important; + --background-base-lower: #392551 !important; + --background-surface-high: #190134 !important; + --chat-background: #190134; + --home-background: #190134; + + /* UI Accents & Surfaces */ + --background-surface-higher: #392551 !important; + --background-surface-highest: #5a496e !important; + --background-accent: #5a496e !important; + /* Text Colors */ - --text-0: #bdb6c5; - --text-1: #bdb6c5; - --text-2: #bdb6c5; - --text-3: #bdb6c5; - --text-4: #bdb6c5; - --text-5: #7b6d8b; - - /* Popups & Modals - using hex + alpha */ - --hover: #bd01521a; - --active: #bd015233; - --message-hover: #3925510a; + --text-default: #bdb6c5; + --text-strong: #bdb6c5 !important; + --text-muted: #9c92a8 !important; + --text-subtle: #7b6d8b; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dedae2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dedae2; + --control-brand-foreground: #dedae2; + --text-link: #bd0152 !important; + + /* Syntax & Status */ + --status-positive: #c33678; + --status-warning: #8f6c97; + --status-danger: #27d9d5; + --icon-voice-muted: #27d9d5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dedae2; + --scrollbar-auto-thumb: #dedae2; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #190134 !important; + background-color: #dedae2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #bdb6c5; + background: #190134; +} +.hljs-keyword { color: #82034c; } +.hljs-string { color: #c33678; } +.hljs-number { color: #5ba2b6; } +.hljs-comment { color: #7b6d8b; } + +/* 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. +*/ diff --git a/build/base16-heetch-light b/build/base16-heetch-light index 9b08bcc..dfd3878 100644 --- a/build/base16-heetch-light +++ b/build/base16-heetch-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5bb66a; /* Green */ - --dnd-indicator: #f80059; /* Red */ - --idle-indicator: #bd9701; /* Yellow */ - --streaming-indicator: #8f6c97; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5ba2b6; /* Blue */ - --accent-2: #47f9f5; /* Cyan */ - --accent-3: #47f9f5; - --accent-4: #5ba2b6; - --accent-5: #f80059; - - /* Backgrounds */ - --bg-1: #feffff; - --bg-2: #dedae2; - --bg-3: #feffff; - --bg-4: #feffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #feffff; + --background-base-lowest: #feffff !important; + --background-base-lower: #dedae2 !important; + --background-surface-high: #feffff !important; + --chat-background: #feffff; + --home-background: #feffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #dedae2 !important; + --background-surface-highest: #bdb6c5 !important; + --background-accent: #bdb6c5 !important; + /* Text Colors */ - --text-0: #5a496e; - --text-1: #5a496e; - --text-2: #5a496e; - --text-3: #5a496e; - --text-4: #5a496e; - --text-5: #9c92a8; - - /* Popups & Modals - using hex + alpha */ - --hover: #5ba2b61a; - --active: #5ba2b633; - --message-hover: #dedae20a; + --text-default: #5a496e; + --text-strong: #5a496e !important; + --text-muted: #7b6d8b !important; + --text-subtle: #9c92a8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #392551 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #392551; + --control-brand-foreground: #392551; + --text-link: #5ba2b6 !important; + + /* Syntax & Status */ + --status-positive: #5bb66a; + --status-warning: #bd9701; + --status-danger: #f80059; + --icon-voice-muted: #f80059; + + /* Scrollbars */ + --scrollbar-thin-thumb: #392551; + --scrollbar-auto-thumb: #392551; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #feffff !important; + background-color: #392551 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #5a496e; + background: #feffff; +} +.hljs-keyword { color: #8f6c97; } +.hljs-string { color: #5bb66a; } +.hljs-number { color: #bd0152; } +.hljs-comment { color: #9c92a8; } + +/* 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. +*/ diff --git a/build/base16-helios b/build/base16-helios index 93af1d1..73d52b3 100644 --- a/build/base16-helios +++ b/build/base16-helios @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #88b92d; /* Green */ - --dnd-indicator: #d72638; /* Red */ - --idle-indicator: #f19d1a; /* Yellow */ - --streaming-indicator: #be4264; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #1e8bac; /* Blue */ - --accent-2: #1ba595; /* Cyan */ - --accent-3: #1ba595; - --accent-4: #1e8bac; - --accent-5: #d72638; - - /* Backgrounds */ - --bg-1: #1d2021; - --bg-2: #383c3e; - --bg-3: #1d2021; - --bg-4: #1d2021; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1d2021; + --background-base-lowest: #1d2021 !important; + --background-base-lower: #383c3e !important; + --background-surface-high: #1d2021 !important; + --chat-background: #1d2021; + --home-background: #1d2021; + + /* UI Accents & Surfaces */ + --background-surface-higher: #383c3e !important; + --background-surface-highest: #53585b !important; + --background-accent: #53585b !important; + /* Text Colors */ - --text-0: #d5d5d5; - --text-1: #d5d5d5; - --text-2: #d5d5d5; - --text-3: #d5d5d5; - --text-4: #d5d5d5; - --text-5: #6f7579; - - /* Popups & Modals - using hex + alpha */ - --hover: #1e8bac1a; - --active: #1e8bac33; - --message-hover: #383c3e0a; + --text-default: #d5d5d5; + --text-strong: #d5d5d5 !important; + --text-muted: #cdcdcd !important; + --text-subtle: #6f7579; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dddddd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dddddd; + --control-brand-foreground: #dddddd; + --text-link: #1e8bac !important; + + /* Syntax & Status */ + --status-positive: #88b92d; + --status-warning: #f19d1a; + --status-danger: #d72638; + --icon-voice-muted: #d72638; + + /* 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: #1d2021 !important; + background-color: #dddddd !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d5d5d5; + background: #1d2021; +} +.hljs-keyword { color: #be4264; } +.hljs-string { color: #88b92d; } +.hljs-number { color: #eb8413; } +.hljs-comment { color: #6f7579; } + +/* 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. +*/ diff --git a/build/base16-hopscotch b/build/base16-hopscotch index 0b91af8..89489a6 100644 --- a/build/base16-hopscotch +++ b/build/base16-hopscotch @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8fc13e; /* Green */ - --dnd-indicator: #dd464c; /* Red */ - --idle-indicator: #fdcc59; /* Yellow */ - --streaming-indicator: #c85e7c; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #1290bf; /* Blue */ - --accent-2: #149b93; /* Cyan */ - --accent-3: #149b93; - --accent-4: #1290bf; - --accent-5: #dd464c; - - /* Backgrounds */ - --bg-1: #322931; - --bg-2: #433b42; - --bg-3: #322931; - --bg-4: #322931; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #322931; + --background-base-lowest: #322931 !important; + --background-base-lower: #433b42 !important; + --background-surface-high: #322931 !important; + --chat-background: #322931; + --home-background: #322931; + + /* UI Accents & Surfaces */ + --background-surface-higher: #433b42 !important; + --background-surface-highest: #5c545b !important; + --background-accent: #5c545b !important; + /* Text Colors */ - --text-0: #b9b5b8; - --text-1: #b9b5b8; - --text-2: #b9b5b8; - --text-3: #b9b5b8; - --text-4: #b9b5b8; - --text-5: #797379; - - /* Popups & Modals - using hex + alpha */ - --hover: #1290bf1a; - --active: #1290bf33; - --message-hover: #433b420a; + --text-default: #b9b5b8; + --text-strong: #b9b5b8 !important; + --text-muted: #989498 !important; + --text-subtle: #797379; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d5d3d5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d5d3d5; + --control-brand-foreground: #d5d3d5; + --text-link: #1290bf !important; + + /* Syntax & Status */ + --status-positive: #8fc13e; + --status-warning: #fdcc59; + --status-danger: #dd464c; + --icon-voice-muted: #dd464c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d5d3d5; + --scrollbar-auto-thumb: #d5d3d5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #322931 !important; + background-color: #d5d3d5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b9b5b8; + background: #322931; +} +.hljs-keyword { color: #c85e7c; } +.hljs-string { color: #8fc13e; } +.hljs-number { color: #fd8b19; } +.hljs-comment { color: #797379; } + +/* 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. +*/ diff --git a/build/base16-horizon-dark b/build/base16-horizon-dark index e774147..f500df6 100644 --- a/build/base16-horizon-dark +++ b/build/base16-horizon-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #efaf8e; /* Green */ - --dnd-indicator: #e93c58; /* Red */ - --idle-indicator: #efb993; /* Yellow */ - --streaming-indicator: #b072d1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #df5273; /* Blue */ - --accent-2: #24a8b4; /* Cyan */ - --accent-3: #24a8b4; - --accent-4: #df5273; - --accent-5: #e93c58; - - /* Backgrounds */ - --bg-1: #1c1e26; - --bg-2: #232530; - --bg-3: #1c1e26; - --bg-4: #1c1e26; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c1e26; + --background-base-lowest: #1c1e26 !important; + --background-base-lower: #232530 !important; + --background-surface-high: #1c1e26 !important; + --chat-background: #1c1e26; + --home-background: #1c1e26; + + /* UI Accents & Surfaces */ + --background-surface-higher: #232530 !important; + --background-surface-highest: #2e303e !important; + --background-accent: #2e303e !important; + /* Text Colors */ - --text-0: #cbced0; - --text-1: #cbced0; - --text-2: #cbced0; - --text-3: #cbced0; - --text-4: #cbced0; - --text-5: #6f6f70; - - /* Popups & Modals - using hex + alpha */ - --hover: #df52731a; - --active: #df527333; - --message-hover: #2325300a; + --text-default: #cbced0; + --text-strong: #cbced0 !important; + --text-muted: #9da0a2 !important; + --text-subtle: #6f6f70; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dcdfe4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dcdfe4; + --control-brand-foreground: #dcdfe4; + --text-link: #df5273 !important; + + /* Syntax & Status */ + --status-positive: #efaf8e; + --status-warning: #efb993; + --status-danger: #e93c58; + --icon-voice-muted: #e93c58; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dcdfe4; + --scrollbar-auto-thumb: #dcdfe4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c1e26 !important; + background-color: #dcdfe4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cbced0; + background: #1c1e26; +} +.hljs-keyword { color: #b072d1; } +.hljs-string { color: #efaf8e; } +.hljs-number { color: #e58d7d; } +.hljs-comment { color: #6f6f70; } + +/* 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. +*/ diff --git a/build/base16-horizon-light b/build/base16-horizon-light index cf10532..da2ffed 100644 --- a/build/base16-horizon-light +++ b/build/base16-horizon-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #94e1b0; /* Green */ - --dnd-indicator: #f7939b; /* Red */ - --idle-indicator: #fbe0d9; /* Yellow */ - --streaming-indicator: #1d8991; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #da103f; /* Blue */ - --accent-2: #dc3318; /* Cyan */ - --accent-3: #dc3318; - --accent-4: #da103f; - --accent-5: #f7939b; - - /* Backgrounds */ - --bg-1: #fdf0ed; - --bg-2: #fadad1; - --bg-3: #fdf0ed; - --bg-4: #fdf0ed; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fdf0ed; + --background-base-lowest: #fdf0ed !important; + --background-base-lower: #fadad1 !important; + --background-surface-high: #fdf0ed !important; + --chat-background: #fdf0ed; + --home-background: #fdf0ed; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fadad1 !important; + --background-surface-highest: #f9cbbe !important; + --background-accent: #f9cbbe !important; + /* Text Colors */ - --text-0: #403c3d; - --text-1: #403c3d; - --text-2: #403c3d; - --text-3: #403c3d; - --text-4: #403c3d; - --text-5: #bdb3b1; - - /* Popups & Modals - using hex + alpha */ - --hover: #da103f1a; - --active: #da103f33; - --message-hover: #fadad10a; + --text-default: #403c3d; + --text-strong: #403c3d !important; + --text-muted: #948c8a !important; + --text-subtle: #bdb3b1; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #302c2d !important; /* This was Pink (#f5c2e7) */ + --text-brand: #302c2d; + --control-brand-foreground: #302c2d; + --text-link: #da103f !important; + + /* Syntax & Status */ + --status-positive: #94e1b0; + --status-warning: #fbe0d9; + --status-danger: #f7939b; + --icon-voice-muted: #f7939b; + + /* Scrollbars */ + --scrollbar-thin-thumb: #302c2d; + --scrollbar-auto-thumb: #302c2d; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fdf0ed !important; + background-color: #302c2d !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #403c3d; + background: #fdf0ed; +} +.hljs-keyword { color: #1d8991; } +.hljs-string { color: #94e1b0; } +.hljs-number { color: #f6661e; } +.hljs-comment { color: #bdb3b1; } + +/* 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. +*/ diff --git a/build/base16-horizon-terminal-dark b/build/base16-horizon-terminal-dark index 8bce4b8..da48d22 100644 --- a/build/base16-horizon-terminal-dark +++ b/build/base16-horizon-terminal-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #29d398; /* Green */ - --dnd-indicator: #e95678; /* Red */ - --idle-indicator: #fac29a; /* Yellow */ - --streaming-indicator: #ee64ac; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #26bbd9; /* Blue */ - --accent-2: #59e1e3; /* Cyan */ - --accent-3: #59e1e3; - --accent-4: #26bbd9; - --accent-5: #e95678; - - /* Backgrounds */ - --bg-1: #1c1e26; - --bg-2: #232530; - --bg-3: #1c1e26; - --bg-4: #1c1e26; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c1e26; + --background-base-lowest: #1c1e26 !important; + --background-base-lower: #232530 !important; + --background-surface-high: #1c1e26 !important; + --chat-background: #1c1e26; + --home-background: #1c1e26; + + /* UI Accents & Surfaces */ + --background-surface-higher: #232530 !important; + --background-surface-highest: #2e303e !important; + --background-accent: #2e303e !important; + /* Text Colors */ - --text-0: #cbced0; - --text-1: #cbced0; - --text-2: #cbced0; - --text-3: #cbced0; - --text-4: #cbced0; - --text-5: #6f6f70; - - /* Popups & Modals - using hex + alpha */ - --hover: #26bbd91a; - --active: #26bbd933; - --message-hover: #2325300a; + --text-default: #cbced0; + --text-strong: #cbced0 !important; + --text-muted: #9da0a2 !important; + --text-subtle: #6f6f70; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dcdfe4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dcdfe4; + --control-brand-foreground: #dcdfe4; + --text-link: #26bbd9 !important; + + /* Syntax & Status */ + --status-positive: #29d398; + --status-warning: #fac29a; + --status-danger: #e95678; + --icon-voice-muted: #e95678; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dcdfe4; + --scrollbar-auto-thumb: #dcdfe4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c1e26 !important; + background-color: #dcdfe4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cbced0; + background: #1c1e26; +} +.hljs-keyword { color: #ee64ac; } +.hljs-string { color: #29d398; } +.hljs-number { color: #fab795; } +.hljs-comment { color: #6f6f70; } + +/* 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. +*/ diff --git a/build/base16-horizon-terminal-light b/build/base16-horizon-terminal-light index 7a5ab0a..a18ce33 100644 --- a/build/base16-horizon-terminal-light +++ b/build/base16-horizon-terminal-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #29d398; /* Green */ - --dnd-indicator: #e95678; /* Red */ - --idle-indicator: #fadad1; /* Yellow */ - --streaming-indicator: #ee64ac; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #26bbd9; /* Blue */ - --accent-2: #59e1e3; /* Cyan */ - --accent-3: #59e1e3; - --accent-4: #26bbd9; - --accent-5: #e95678; - - /* Backgrounds */ - --bg-1: #fdf0ed; - --bg-2: #fadad1; - --bg-3: #fdf0ed; - --bg-4: #fdf0ed; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fdf0ed; + --background-base-lowest: #fdf0ed !important; + --background-base-lower: #fadad1 !important; + --background-surface-high: #fdf0ed !important; + --chat-background: #fdf0ed; + --home-background: #fdf0ed; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fadad1 !important; + --background-surface-highest: #f9cbbe !important; + --background-accent: #f9cbbe !important; + /* Text Colors */ - --text-0: #403c3d; - --text-1: #403c3d; - --text-2: #403c3d; - --text-3: #403c3d; - --text-4: #403c3d; - --text-5: #bdb3b1; - - /* Popups & Modals - using hex + alpha */ - --hover: #26bbd91a; - --active: #26bbd933; - --message-hover: #fadad10a; + --text-default: #403c3d; + --text-strong: #403c3d !important; + --text-muted: #948c8a !important; + --text-subtle: #bdb3b1; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #302c2d !important; /* This was Pink (#f5c2e7) */ + --text-brand: #302c2d; + --control-brand-foreground: #302c2d; + --text-link: #26bbd9 !important; + + /* Syntax & Status */ + --status-positive: #29d398; + --status-warning: #fadad1; + --status-danger: #e95678; + --icon-voice-muted: #e95678; + + /* Scrollbars */ + --scrollbar-thin-thumb: #302c2d; + --scrollbar-auto-thumb: #302c2d; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fdf0ed !important; + background-color: #302c2d !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #403c3d; + background: #fdf0ed; +} +.hljs-keyword { color: #ee64ac; } +.hljs-string { color: #29d398; } +.hljs-number { color: #f9cec3; } +.hljs-comment { color: #bdb3b1; } + +/* 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. +*/ diff --git a/build/base16-humanoid-dark b/build/base16-humanoid-dark index 4a5b695..f0a68f5 100644 --- a/build/base16-humanoid-dark +++ b/build/base16-humanoid-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #02d849; /* Green */ - --dnd-indicator: #f11235; /* Red */ - --idle-indicator: #ffb627; /* Yellow */ - --streaming-indicator: #f15ee3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00a6fb; /* Blue */ - --accent-2: #0dd9d6; /* Cyan */ - --accent-3: #0dd9d6; - --accent-4: #00a6fb; - --accent-5: #f11235; - - /* Backgrounds */ - --bg-1: #232629; - --bg-2: #333b3d; - --bg-3: #232629; - --bg-4: #232629; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #232629; + --background-base-lowest: #232629 !important; + --background-base-lower: #333b3d !important; + --background-surface-high: #232629 !important; + --chat-background: #232629; + --home-background: #232629; + + /* UI Accents & Surfaces */ + --background-surface-higher: #333b3d !important; + --background-surface-highest: #484e54 !important; + --background-accent: #484e54 !important; + /* Text Colors */ - --text-0: #f8f8f2; - --text-1: #f8f8f2; - --text-2: #f8f8f2; - --text-3: #f8f8f2; - --text-4: #f8f8f2; - --text-5: #60615d; - - /* Popups & Modals - using hex + alpha */ - --hover: #00a6fb1a; - --active: #00a6fb33; - --message-hover: #333b3d0a; + --text-default: #f8f8f2; + --text-strong: #f8f8f2 !important; + --text-muted: #c0c0bd !important; + --text-subtle: #60615d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fcfcf6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fcfcf6; + --control-brand-foreground: #fcfcf6; + --text-link: #00a6fb !important; + + /* Syntax & Status */ + --status-positive: #02d849; + --status-warning: #ffb627; + --status-danger: #f11235; + --icon-voice-muted: #f11235; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fcfcf6; + --scrollbar-auto-thumb: #fcfcf6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #232629 !important; + background-color: #fcfcf6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f8f8f2; + background: #232629; +} +.hljs-keyword { color: #f15ee3; } +.hljs-string { color: #02d849; } +.hljs-number { color: #ff9505; } +.hljs-comment { color: #60615d; } + +/* 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. +*/ diff --git a/build/base16-humanoid-light b/build/base16-humanoid-light index 30eb5e1..2b7a0bd 100644 --- a/build/base16-humanoid-light +++ b/build/base16-humanoid-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #388e3c; /* Green */ - --dnd-indicator: #b0151a; /* Red */ - --idle-indicator: #ffb627; /* Yellow */ - --streaming-indicator: #700f98; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0082c9; /* Blue */ - --accent-2: #008e8e; /* Cyan */ - --accent-3: #008e8e; - --accent-4: #0082c9; - --accent-5: #b0151a; - - /* Backgrounds */ - --bg-1: #f8f8f2; - --bg-2: #efefe9; - --bg-3: #f8f8f2; - --bg-4: #f8f8f2; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f8f8f2; + --background-base-lowest: #f8f8f2 !important; + --background-base-lower: #efefe9 !important; + --background-surface-high: #f8f8f2 !important; + --chat-background: #f8f8f2; + --home-background: #f8f8f2; + + /* UI Accents & Surfaces */ + --background-surface-higher: #efefe9 !important; + --background-surface-highest: #deded8 !important; + --background-accent: #deded8 !important; + /* Text Colors */ - --text-0: #232629; - --text-1: #232629; - --text-2: #232629; - --text-3: #232629; - --text-4: #232629; - --text-5: #c0c0bd; - - /* Popups & Modals - using hex + alpha */ - --hover: #0082c91a; - --active: #0082c933; - --message-hover: #efefe90a; + --text-default: #232629; + --text-strong: #232629 !important; + --text-muted: #60615d !important; + --text-subtle: #c0c0bd; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2f3337 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2f3337; + --control-brand-foreground: #2f3337; + --text-link: #0082c9 !important; + + /* Syntax & Status */ + --status-positive: #388e3c; + --status-warning: #ffb627; + --status-danger: #b0151a; + --icon-voice-muted: #b0151a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #2f3337; + --scrollbar-auto-thumb: #2f3337; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f8f8f2 !important; + background-color: #2f3337 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #232629; + background: #f8f8f2; +} +.hljs-keyword { color: #700f98; } +.hljs-string { color: #388e3c; } +.hljs-number { color: #ff3d00; } +.hljs-comment { color: #c0c0bd; } + +/* 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. +*/ diff --git a/build/base16-ia-dark b/build/base16-ia-dark index 04933ea..e0260d8 100644 --- a/build/base16-ia-dark +++ b/build/base16-ia-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #83a471; /* Green */ - --dnd-indicator: #d88568; /* Red */ - --idle-indicator: #b99353; /* Yellow */ - --streaming-indicator: #b98eb2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8eccdd; /* Blue */ - --accent-2: #7c9cae; /* Cyan */ - --accent-3: #7c9cae; - --accent-4: #8eccdd; - --accent-5: #d88568; - - /* Backgrounds */ - --bg-1: #1a1a1a; - --bg-2: #222222; - --bg-3: #1a1a1a; - --bg-4: #1a1a1a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1a1a1a; + --background-base-lowest: #1a1a1a !important; + --background-base-lower: #222222 !important; + --background-surface-high: #1a1a1a !important; + --chat-background: #1a1a1a; + --home-background: #1a1a1a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #222222 !important; + --background-surface-highest: #1d414d !important; + --background-accent: #1d414d !important; + /* Text Colors */ - --text-0: #cccccc; - --text-1: #cccccc; - --text-2: #cccccc; - --text-3: #cccccc; - --text-4: #cccccc; - --text-5: #767676; - - /* Popups & Modals - using hex + alpha */ - --hover: #8eccdd1a; - --active: #8eccdd33; - --message-hover: #2222220a; + --text-default: #cccccc; + --text-strong: #cccccc !important; + --text-muted: #b8b8b8 !important; + --text-subtle: #767676; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #8eccdd !important; + + /* Syntax & Status */ + --status-positive: #83a471; + --status-warning: #b99353; + --status-danger: #d88568; + --icon-voice-muted: #d88568; + + /* 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: #1a1a1a !important; + background-color: #e8e8e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cccccc; + background: #1a1a1a; +} +.hljs-keyword { color: #b98eb2; } +.hljs-string { color: #83a471; } +.hljs-number { color: #d86868; } +.hljs-comment { color: #767676; } + +/* 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. +*/ diff --git a/build/base16-ia-light b/build/base16-ia-light index d0b87d0..0ca821e 100644 --- a/build/base16-ia-light +++ b/build/base16-ia-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #38781c; /* Green */ - --dnd-indicator: #9c5a02; /* Red */ - --idle-indicator: #c48218; /* Yellow */ - --streaming-indicator: #a94598; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #48bac2; /* Blue */ - --accent-2: #2d6bb1; /* Cyan */ - --accent-3: #2d6bb1; - --accent-4: #48bac2; - --accent-5: #9c5a02; - - /* Backgrounds */ - --bg-1: #f6f6f6; - --bg-2: #dedede; - --bg-3: #f6f6f6; - --bg-4: #f6f6f6; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f6f6f6; + --background-base-lowest: #f6f6f6 !important; + --background-base-lower: #dedede !important; + --background-surface-high: #f6f6f6 !important; + --chat-background: #f6f6f6; + --home-background: #f6f6f6; + + /* UI Accents & Surfaces */ + --background-surface-higher: #dedede !important; + --background-surface-highest: #bde5f2 !important; + --background-accent: #bde5f2 !important; + /* Text Colors */ - --text-0: #181818; - --text-1: #181818; - --text-2: #181818; - --text-3: #181818; - --text-4: #181818; - --text-5: #898989; - - /* Popups & Modals - using hex + alpha */ - --hover: #48bac21a; - --active: #48bac233; - --message-hover: #dedede0a; + --text-default: #181818; + --text-strong: #181818 !important; + --text-muted: #767676 !important; + --text-subtle: #898989; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #48bac2 !important; + + /* Syntax & Status */ + --status-positive: #38781c; + --status-warning: #c48218; + --status-danger: #9c5a02; + --icon-voice-muted: #9c5a02; + + /* 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: #f6f6f6 !important; + background-color: #e8e8e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #181818; + background: #f6f6f6; +} +.hljs-keyword { color: #a94598; } +.hljs-string { color: #38781c; } +.hljs-number { color: #c43e18; } +.hljs-comment { color: #898989; } + +/* 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. +*/ diff --git a/build/base16-icy b/build/base16-icy index 4bcf4dd..dd94ed4 100644 --- a/build/base16-icy +++ b/build/base16-icy @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #4dd0e1; /* Green */ - --dnd-indicator: #16c1d9; /* Red */ - --idle-indicator: #80deea; /* Yellow */ - --streaming-indicator: #00acc1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00bcd4; /* Blue */ - --accent-2: #26c6da; /* Cyan */ - --accent-3: #26c6da; - --accent-4: #00bcd4; - --accent-5: #16c1d9; - - /* Backgrounds */ - --bg-1: #021012; - --bg-2: #031619; - --bg-3: #021012; - --bg-4: #021012; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #021012; + --background-base-lowest: #021012 !important; + --background-base-lower: #031619 !important; + --background-surface-high: #021012 !important; + --chat-background: #021012; + --home-background: #021012; + + /* UI Accents & Surfaces */ + --background-surface-higher: #031619 !important; + --background-surface-highest: #041f23 !important; + --background-accent: #041f23 !important; + /* Text Colors */ - --text-0: #095b67; - --text-1: #095b67; - --text-2: #095b67; - --text-3: #095b67; - --text-4: #095b67; - --text-5: #052e34; - - /* Popups & Modals - using hex + alpha */ - --hover: #00bcd41a; - --active: #00bcd433; - --message-hover: #0316190a; + --text-default: #095b67; + --text-strong: #095b67 !important; + --text-muted: #064048 !important; + --text-subtle: #052e34; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #0c7c8c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #0c7c8c; + --control-brand-foreground: #0c7c8c; + --text-link: #00bcd4 !important; + + /* Syntax & Status */ + --status-positive: #4dd0e1; + --status-warning: #80deea; + --status-danger: #16c1d9; + --icon-voice-muted: #16c1d9; + + /* Scrollbars */ + --scrollbar-thin-thumb: #0c7c8c; + --scrollbar-auto-thumb: #0c7c8c; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #021012 !important; + background-color: #0c7c8c !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #095b67; + background: #021012; +} +.hljs-keyword { color: #00acc1; } +.hljs-string { color: #4dd0e1; } +.hljs-number { color: #b3ebf2; } +.hljs-comment { color: #052e34; } + +/* 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. +*/ diff --git a/build/base16-irblack b/build/base16-irblack index 11b6804..aa1ad48 100644 --- a/build/base16-irblack +++ b/build/base16-irblack @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a8ff60; /* Green */ - --dnd-indicator: #ff6c60; /* Red */ - --idle-indicator: #ffffb6; /* Yellow */ - --streaming-indicator: #ff73fd; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #96cbfe; /* Blue */ - --accent-2: #c6c5fe; /* Cyan */ - --accent-3: #c6c5fe; - --accent-4: #96cbfe; - --accent-5: #ff6c60; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #242422; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #242422 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #242422 !important; + --background-surface-highest: #484844 !important; + --background-accent: #484844 !important; + /* Text Colors */ - --text-0: #b5b3aa; - --text-1: #b5b3aa; - --text-2: #b5b3aa; - --text-3: #b5b3aa; - --text-4: #b5b3aa; - --text-5: #6c6c66; - - /* Popups & Modals - using hex + alpha */ - --hover: #96cbfe1a; - --active: #96cbfe33; - --message-hover: #2424220a; + --text-default: #b5b3aa; + --text-strong: #b5b3aa !important; + --text-muted: #918f88 !important; + --text-subtle: #6c6c66; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d9d7cc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d9d7cc; + --control-brand-foreground: #d9d7cc; + --text-link: #96cbfe !important; + + /* Syntax & Status */ + --status-positive: #a8ff60; + --status-warning: #ffffb6; + --status-danger: #ff6c60; + --icon-voice-muted: #ff6c60; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d9d7cc; + --scrollbar-auto-thumb: #d9d7cc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #d9d7cc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b5b3aa; + background: #000000; +} +.hljs-keyword { color: #ff73fd; } +.hljs-string { color: #a8ff60; } +.hljs-number { color: #e9c062; } +.hljs-comment { color: #6c6c66; } + +/* 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. +*/ diff --git a/build/base16-isotope b/build/base16-isotope index df52c10..5143919 100644 --- a/build/base16-isotope +++ b/build/base16-isotope @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #33ff00; /* Green */ - --dnd-indicator: #ff0000; /* Red */ - --idle-indicator: #ff0099; /* Yellow */ - --streaming-indicator: #cc00ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0066ff; /* Blue */ - --accent-2: #00ffff; /* Cyan */ - --accent-3: #00ffff; - --accent-4: #0066ff; - --accent-5: #ff0000; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #404040; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #404040 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #404040 !important; + --background-surface-highest: #606060 !important; + --background-accent: #606060 !important; + /* Text Colors */ - --text-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #808080; - - /* Popups & Modals - using hex + alpha */ - --hover: #0066ff1a; - --active: #0066ff33; - --message-hover: #4040400a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #c0c0c0 !important; + --text-subtle: #808080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #0066ff !important; + + /* Syntax & Status */ + --status-positive: #33ff00; + --status-warning: #ff0099; + --status-danger: #ff0000; + --icon-voice-muted: #ff0000; + + /* 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: #000000 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d0d0d0; + background: #000000; +} +.hljs-keyword { color: #cc00ff; } +.hljs-string { color: #33ff00; } +.hljs-number { color: #ff9900; } +.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. +*/ diff --git a/build/base16-jabuti b/build/base16-jabuti index 22d3e1f..e35ec7b 100644 --- a/build/base16-jabuti +++ b/build/base16-jabuti @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #3fdaa4; /* Green */ - --dnd-indicator: #ec6a88; /* Red */ - --idle-indicator: #e1c697; /* Yellow */ - --streaming-indicator: #be95ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3fc6de; /* Blue */ - --accent-2: #ff7eb6; /* Cyan */ - --accent-3: #ff7eb6; - --accent-4: #3fc6de; - --accent-5: #ec6a88; - - /* Backgrounds */ - --bg-1: #292a37; - --bg-2: #343545; - --bg-3: #292a37; - --bg-4: #292a37; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292a37; + --background-base-lowest: #292a37 !important; + --background-base-lower: #343545 !important; + --background-surface-high: #292a37 !important; + --chat-background: #292a37; + --home-background: #292a37; + + /* UI Accents & Surfaces */ + --background-surface-higher: #343545 !important; + --background-surface-highest: #3c3e51 !important; + --background-accent: #3c3e51 !important; + /* Text Colors */ - --text-0: #c0cbe3; - --text-1: #c0cbe3; - --text-2: #c0cbe3; - --text-3: #c0cbe3; - --text-4: #c0cbe3; - --text-5: #45475d; - - /* Popups & Modals - using hex + alpha */ - --hover: #3fc6de1a; - --active: #3fc6de33; - --message-hover: #3435450a; + --text-default: #c0cbe3; + --text-strong: #c0cbe3 !important; + --text-muted: #50526b !important; + --text-subtle: #45475d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d9e0ee !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d9e0ee; + --control-brand-foreground: #d9e0ee; + --text-link: #3fc6de !important; + + /* Syntax & Status */ + --status-positive: #3fdaa4; + --status-warning: #e1c697; + --status-danger: #ec6a88; + --icon-voice-muted: #ec6a88; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d9e0ee; + --scrollbar-auto-thumb: #d9e0ee; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #292a37 !important; + background-color: #d9e0ee !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0cbe3; + background: #292a37; +} +.hljs-keyword { color: #be95ff; } +.hljs-string { color: #3fdaa4; } +.hljs-number { color: #efb993; } +.hljs-comment { color: #45475d; } + +/* 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. +*/ diff --git a/build/base16-kanagawa b/build/base16-kanagawa index 1bb68fa..c8da746 100644 --- a/build/base16-kanagawa +++ b/build/base16-kanagawa @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #76946a; /* Green */ - --dnd-indicator: #c34043; /* Red */ - --idle-indicator: #c0a36e; /* Yellow */ - --streaming-indicator: #957fb8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7e9cd8; /* Blue */ - --accent-2: #6a9589; /* Cyan */ - --accent-3: #6a9589; - --accent-4: #7e9cd8; - --accent-5: #c34043; - - /* Backgrounds */ - --bg-1: #1f1f28; - --bg-2: #16161d; - --bg-3: #1f1f28; - --bg-4: #1f1f28; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1f1f28; + --background-base-lowest: #1f1f28 !important; + --background-base-lower: #16161d !important; + --background-surface-high: #1f1f28 !important; + --chat-background: #1f1f28; + --home-background: #1f1f28; + + /* UI Accents & Surfaces */ + --background-surface-higher: #16161d !important; + --background-surface-highest: #223249 !important; + --background-accent: #223249 !important; + /* Text Colors */ - --text-0: #dcd7ba; - --text-1: #dcd7ba; - --text-2: #dcd7ba; - --text-3: #dcd7ba; - --text-4: #dcd7ba; - --text-5: #54546d; - - /* Popups & Modals - using hex + alpha */ - --hover: #7e9cd81a; - --active: #7e9cd833; - --message-hover: #16161d0a; + --text-default: #dcd7ba; + --text-strong: #dcd7ba !important; + --text-muted: #727169 !important; + --text-subtle: #54546d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c8c093 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c8c093; + --control-brand-foreground: #c8c093; + --text-link: #7e9cd8 !important; + + /* Syntax & Status */ + --status-positive: #76946a; + --status-warning: #c0a36e; + --status-danger: #c34043; + --icon-voice-muted: #c34043; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c8c093; + --scrollbar-auto-thumb: #c8c093; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1f1f28 !important; + background-color: #c8c093 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dcd7ba; + background: #1f1f28; +} +.hljs-keyword { color: #957fb8; } +.hljs-string { color: #76946a; } +.hljs-number { color: #ffa066; } +.hljs-comment { color: #54546d; } + +/* 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. +*/ diff --git a/build/base16-kanagawa-dragon b/build/base16-kanagawa-dragon index fa55c88..bebcb15 100644 --- a/build/base16-kanagawa-dragon +++ b/build/base16-kanagawa-dragon @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8a9a7b; /* Green */ - --dnd-indicator: #c4746e; /* Red */ - --idle-indicator: #c4b28a; /* Yellow */ - --streaming-indicator: #a292a3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8ba4b0; /* Blue */ - --accent-2: #8ea4a2; /* Cyan */ - --accent-3: #8ea4a2; - --accent-4: #8ba4b0; - --accent-5: #c4746e; - - /* Backgrounds */ - --bg-1: #181616; - --bg-2: #282727; - --bg-3: #181616; - --bg-4: #181616; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #181616; + --background-base-lowest: #181616 !important; + --background-base-lower: #282727 !important; + --background-surface-high: #181616 !important; + --chat-background: #181616; + --home-background: #181616; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282727 !important; + --background-surface-highest: #393836 !important; + --background-accent: #393836 !important; + /* Text Colors */ - --text-0: #c5c9c5; - --text-1: #c5c9c5; - --text-2: #c5c9c5; - --text-3: #c5c9c5; - --text-4: #c5c9c5; - --text-5: #625e5a; - - /* Popups & Modals - using hex + alpha */ - --hover: #8ba4b01a; - --active: #8ba4b033; - --message-hover: #2827270a; + --text-default: #c5c9c5; + --text-strong: #c5c9c5 !important; + --text-muted: #737c73 !important; + --text-subtle: #625e5a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c8c093 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c8c093; + --control-brand-foreground: #c8c093; + --text-link: #8ba4b0 !important; + + /* Syntax & Status */ + --status-positive: #8a9a7b; + --status-warning: #c4b28a; + --status-danger: #c4746e; + --icon-voice-muted: #c4746e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c8c093; + --scrollbar-auto-thumb: #c8c093; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #181616 !important; + background-color: #c8c093 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c5c9c5; + background: #181616; +} +.hljs-keyword { color: #a292a3; } +.hljs-string { color: #8a9a7b; } +.hljs-number { color: #b6927b; } +.hljs-comment { color: #625e5a; } + +/* 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. +*/ diff --git a/build/base16-katy b/build/base16-katy index 2211202..f4a5b97 100644 --- a/build/base16-katy +++ b/build/base16-katy @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #78c06e; /* Green */ - --dnd-indicator: #6e98e1; /* Red */ - --idle-indicator: #e0a557; /* Yellow */ - --streaming-indicator: #c792ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #82aaff; /* Blue */ - --accent-2: #83b7e5; /* Cyan */ - --accent-3: #83b7e5; - --accent-4: #82aaff; - --accent-5: #6e98e1; - - /* Backgrounds */ - --bg-1: #292d3e; - --bg-2: #444267; - --bg-3: #292d3e; - --bg-4: #292d3e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292d3e; + --background-base-lowest: #292d3e !important; + --background-base-lower: #444267 !important; + --background-surface-high: #292d3e !important; + --chat-background: #292d3e; + --home-background: #292d3e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #444267 !important; + --background-surface-highest: #5c598b !important; + --background-accent: #5c598b !important; + /* Text Colors */ - --text-0: #959dcb; - --text-1: #959dcb; - --text-2: #959dcb; - --text-3: #959dcb; - --text-4: #959dcb; - --text-5: #676e95; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #4442670a; + --text-default: #959dcb; + --text-strong: #959dcb !important; + --text-muted: #8796b0 !important; + --text-subtle: #676e95; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #959dcb !important; /* This was Pink (#f5c2e7) */ + --text-brand: #959dcb; + --control-brand-foreground: #959dcb; + --text-link: #82aaff !important; + + /* Syntax & Status */ + --status-positive: #78c06e; + --status-warning: #e0a557; + --status-danger: #6e98e1; + --icon-voice-muted: #6e98e1; + + /* Scrollbars */ + --scrollbar-thin-thumb: #959dcb; + --scrollbar-auto-thumb: #959dcb; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #292d3e !important; + background-color: #959dcb !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #959dcb; + background: #292d3e; +} +.hljs-keyword { color: #c792ea; } +.hljs-string { color: #78c06e; } +.hljs-number { color: #f78c6c; } +.hljs-comment { color: #676e95; } + +/* 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. +*/ diff --git a/build/base16-kimber b/build/base16-kimber index 57117c4..e178a6c 100644 --- a/build/base16-kimber +++ b/build/base16-kimber @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #99c899; /* Green */ - --dnd-indicator: #c88c8c; /* Red */ - --idle-indicator: #d8b56d; /* Yellow */ - --streaming-indicator: #86cacd; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #537c9c; /* Blue */ - --accent-2: #78b4b4; /* Cyan */ - --accent-3: #78b4b4; - --accent-4: #537c9c; - --accent-5: #c88c8c; - - /* Backgrounds */ - --bg-1: #222222; - --bg-2: #313131; - --bg-3: #222222; - --bg-4: #222222; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #222222; + --background-base-lowest: #222222 !important; + --background-base-lower: #313131 !important; + --background-surface-high: #222222 !important; + --chat-background: #222222; + --home-background: #222222; + + /* UI Accents & Surfaces */ + --background-surface-higher: #313131 !important; + --background-surface-highest: #555d55 !important; + --background-accent: #555d55 !important; + /* Text Colors */ - --text-0: #dedee7; - --text-1: #dedee7; - --text-2: #dedee7; - --text-3: #dedee7; - --text-4: #dedee7; - --text-5: #644646; - - /* Popups & Modals - using hex + alpha */ - --hover: #537c9c1a; - --active: #537c9c33; - --message-hover: #3131310a; + --text-default: #dedee7; + --text-strong: #dedee7 !important; + --text-muted: #5a5a5a !important; + --text-subtle: #644646; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c3c3b4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c3c3b4; + --control-brand-foreground: #c3c3b4; + --text-link: #537c9c !important; + + /* Syntax & Status */ + --status-positive: #99c899; + --status-warning: #d8b56d; + --status-danger: #c88c8c; + --icon-voice-muted: #c88c8c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c3c3b4; + --scrollbar-auto-thumb: #c3c3b4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #222222 !important; + background-color: #c3c3b4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dedee7; + background: #222222; +} +.hljs-keyword { color: #86cacd; } +.hljs-string { color: #99c899; } +.hljs-number { color: #476c88; } +.hljs-comment { color: #644646; } + +/* 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. +*/ diff --git a/build/base16-lime b/build/base16-lime index be7984e..58c32de 100644 --- a/build/base16-lime +++ b/build/base16-lime @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8cd97c; /* Green */ - --dnd-indicator: #ff662a; /* Red */ - --idle-indicator: #ffd15e; /* Yellow */ - --streaming-indicator: #1b825f; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2b926f; /* Blue */ - --accent-2: #4cad83; /* Cyan */ - --accent-3: #4cad83; - --accent-4: #2b926f; - --accent-5: #ff662a; - - /* Backgrounds */ - --bg-1: #1a1a2f; - --bg-2: #202030; - --bg-3: #1a1a2f; - --bg-4: #1a1a2f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1a1a2f; + --background-base-lowest: #1a1a2f !important; + --background-base-lower: #202030 !important; + --background-surface-high: #1a1a2f !important; + --chat-background: #1a1a2f; + --home-background: #1a1a2f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #202030 !important; + --background-surface-highest: #2a2a3f !important; + --background-accent: #2a2a3f !important; + /* Text Colors */ - --text-0: #818175; - --text-1: #818175; - --text-2: #818175; - --text-3: #818175; - --text-4: #818175; - --text-5: #313140; - - /* Popups & Modals - using hex + alpha */ - --hover: #2b926f1a; - --active: #2b926f33; - --message-hover: #2020300a; + --text-default: #818175; + --text-strong: #818175 !important; + --text-muted: #515155 !important; + --text-subtle: #313140; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fff2d1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fff2d1; + --control-brand-foreground: #fff2d1; + --text-link: #2b926f !important; + + /* Syntax & Status */ + --status-positive: #8cd97c; + --status-warning: #ffd15e; + --status-danger: #ff662a; + --icon-voice-muted: #ff662a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fff2d1; + --scrollbar-auto-thumb: #fff2d1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1a1a2f !important; + background-color: #fff2d1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #818175; + background: #1a1a2f; +} +.hljs-keyword { color: #1b825f; } +.hljs-string { color: #8cd97c; } +.hljs-number { color: #ff773a; } +.hljs-comment { color: #313140; } + +/* 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. +*/ diff --git a/build/base16-linux-vt b/build/base16-linux-vt index c01c00a..e72f207 100644 --- a/build/base16-linux-vt +++ b/build/base16-linux-vt @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00aa00; /* Green */ - --dnd-indicator: #aa0000; /* Red */ - --idle-indicator: #ffff55; /* Yellow */ - --streaming-indicator: #ff55ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5555ff; /* Blue */ - --accent-2: #00aaaa; /* Cyan */ - --accent-3: #00aaaa; - --accent-4: #5555ff; - --accent-5: #aa0000; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #333333; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #333333 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #333333 !important; + --background-surface-highest: #444444 !important; + --background-accent: #444444 !important; + /* Text Colors */ - --text-0: #aaaaaa; - --text-1: #aaaaaa; - --text-2: #aaaaaa; - --text-3: #aaaaaa; - --text-4: #aaaaaa; - --text-5: #555555; - - /* Popups & Modals - using hex + alpha */ - --hover: #5555ff1a; - --active: #5555ff33; - --message-hover: #3333330a; + --text-default: #aaaaaa; + --text-strong: #aaaaaa !important; + --text-muted: #888888 !important; + --text-subtle: #555555; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cccccc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cccccc; + --control-brand-foreground: #cccccc; + --text-link: #5555ff !important; + + /* Syntax & Status */ + --status-positive: #00aa00; + --status-warning: #ffff55; + --status-danger: #aa0000; + --icon-voice-muted: #aa0000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cccccc; + --scrollbar-auto-thumb: #cccccc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #cccccc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #aaaaaa; + background: #000000; +} +.hljs-keyword { color: #ff55ff; } +.hljs-string { color: #00aa00; } +.hljs-number { color: #ff5555; } +.hljs-comment { color: #555555; } + +/* 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. +*/ diff --git a/build/base16-macintosh b/build/base16-macintosh index faccde3..d217bb9 100644 --- a/build/base16-macintosh +++ b/build/base16-macintosh @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #1fb714; /* Green */ - --dnd-indicator: #dd0907; /* Red */ - --idle-indicator: #fbf305; /* Yellow */ - --streaming-indicator: #4700a5; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0000d3; /* Blue */ - --accent-2: #02abea; /* Cyan */ - --accent-3: #02abea; - --accent-4: #0000d3; - --accent-5: #dd0907; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #404040; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #404040 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #404040 !important; + --background-surface-highest: #404040 !important; + --background-accent: #404040 !important; + /* Text Colors */ - --text-0: #c0c0c0; - --text-1: #c0c0c0; - --text-2: #c0c0c0; - --text-3: #c0c0c0; - --text-4: #c0c0c0; - --text-5: #808080; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000d31a; - --active: #0000d333; - --message-hover: #4040400a; + --text-default: #c0c0c0; + --text-strong: #c0c0c0 !important; + --text-muted: #808080 !important; + --text-subtle: #808080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c0c0c0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c0c0c0; + --control-brand-foreground: #c0c0c0; + --text-link: #0000d3 !important; + + /* Syntax & Status */ + --status-positive: #1fb714; + --status-warning: #fbf305; + --status-danger: #dd0907; + --icon-voice-muted: #dd0907; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c0c0c0; + --scrollbar-auto-thumb: #c0c0c0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #c0c0c0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c0c0; + background: #000000; +} +.hljs-keyword { color: #4700a5; } +.hljs-string { color: #1fb714; } +.hljs-number { color: #ff6403; } +.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. +*/ diff --git a/build/base16-marrakesh b/build/base16-marrakesh index 19c342e..69db8af 100644 --- a/build/base16-marrakesh +++ b/build/base16-marrakesh @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #18974e; /* Green */ - --dnd-indicator: #c35359; /* Red */ - --idle-indicator: #a88339; /* Yellow */ - --streaming-indicator: #8868b3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #477ca1; /* Blue */ - --accent-2: #75a738; /* Cyan */ - --accent-3: #75a738; - --accent-4: #477ca1; - --accent-5: #c35359; - - /* Backgrounds */ - --bg-1: #201602; - --bg-2: #302e00; - --bg-3: #201602; - --bg-4: #201602; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #201602; + --background-base-lowest: #201602 !important; + --background-base-lower: #302e00 !important; + --background-surface-high: #201602 !important; + --chat-background: #201602; + --home-background: #201602; + + /* UI Accents & Surfaces */ + --background-surface-higher: #302e00 !important; + --background-surface-highest: #5f5b17 !important; + --background-accent: #5f5b17 !important; + /* Text Colors */ - --text-0: #948e48; - --text-1: #948e48; - --text-2: #948e48; - --text-3: #948e48; - --text-4: #948e48; - --text-5: #6c6823; - - /* Popups & Modals - using hex + alpha */ - --hover: #477ca11a; - --active: #477ca133; - --message-hover: #302e000a; + --text-default: #948e48; + --text-strong: #948e48 !important; + --text-muted: #86813b !important; + --text-subtle: #6c6823; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ccc37a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ccc37a; + --control-brand-foreground: #ccc37a; + --text-link: #477ca1 !important; + + /* Syntax & Status */ + --status-positive: #18974e; + --status-warning: #a88339; + --status-danger: #c35359; + --icon-voice-muted: #c35359; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ccc37a; + --scrollbar-auto-thumb: #ccc37a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #201602 !important; + background-color: #ccc37a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #948e48; + background: #201602; +} +.hljs-keyword { color: #8868b3; } +.hljs-string { color: #18974e; } +.hljs-number { color: #b36144; } +.hljs-comment { color: #6c6823; } + +/* 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. +*/ diff --git a/build/base16-materia b/build/base16-materia index 8f29995..b11006e 100644 --- a/build/base16-materia +++ b/build/base16-materia @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8bd649; /* Green */ - --dnd-indicator: #ec5f67; /* Red */ - --idle-indicator: #ffcc00; /* Yellow */ - --streaming-indicator: #82aaff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #89ddff; /* Blue */ - --accent-2: #80cbc4; /* Cyan */ - --accent-3: #80cbc4; - --accent-4: #89ddff; - --accent-5: #ec5f67; - - /* Backgrounds */ - --bg-1: #263238; - --bg-2: #2c393f; - --bg-3: #263238; - --bg-4: #263238; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #263238; + --background-base-lowest: #263238 !important; + --background-base-lower: #2c393f !important; + --background-surface-high: #263238 !important; + --chat-background: #263238; + --home-background: #263238; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2c393f !important; + --background-surface-highest: #37474f !important; + --background-accent: #37474f !important; + /* Text Colors */ - --text-0: #cdd3de; - --text-1: #cdd3de; - --text-2: #cdd3de; - --text-3: #cdd3de; - --text-4: #cdd3de; - --text-5: #707880; - - /* Popups & Modals - using hex + alpha */ - --hover: #89ddff1a; - --active: #89ddff33; - --message-hover: #2c393f0a; + --text-default: #cdd3de; + --text-strong: #cdd3de !important; + --text-muted: #c9ccd3 !important; + --text-subtle: #707880; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d5dbe5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d5dbe5; + --control-brand-foreground: #d5dbe5; + --text-link: #89ddff !important; + + /* Syntax & Status */ + --status-positive: #8bd649; + --status-warning: #ffcc00; + --status-danger: #ec5f67; + --icon-voice-muted: #ec5f67; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d5dbe5; + --scrollbar-auto-thumb: #d5dbe5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #263238 !important; + background-color: #d5dbe5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cdd3de; + background: #263238; +} +.hljs-keyword { color: #82aaff; } +.hljs-string { color: #8bd649; } +.hljs-number { color: #ea9560; } +.hljs-comment { color: #707880; } + +/* 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. +*/ diff --git a/build/base16-material b/build/base16-material index 574aa73..12185cd 100644 --- a/build/base16-material +++ b/build/base16-material @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #f07178; /* Red */ - --idle-indicator: #ffcb6b; /* Yellow */ - --streaming-indicator: #c792ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #82aaff; /* Blue */ - --accent-2: #89ddff; /* Cyan */ - --accent-3: #89ddff; - --accent-4: #82aaff; - --accent-5: #f07178; - - /* Backgrounds */ - --bg-1: #263238; - --bg-2: #2e3c43; - --bg-3: #263238; - --bg-4: #263238; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #263238; + --background-base-lowest: #263238 !important; + --background-base-lower: #2e3c43 !important; + --background-surface-high: #263238 !important; + --chat-background: #263238; + --home-background: #263238; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2e3c43 !important; + --background-surface-highest: #314549 !important; + --background-accent: #314549 !important; + /* Text Colors */ - --text-0: #eeffff; - --text-1: #eeffff; - --text-2: #eeffff; - --text-3: #eeffff; - --text-4: #eeffff; - --text-5: #546e7a; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #2e3c430a; + --text-default: #eeffff; + --text-strong: #eeffff !important; + --text-muted: #b2ccd6 !important; + --text-subtle: #546e7a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eeffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eeffff; + --control-brand-foreground: #eeffff; + --text-link: #82aaff !important; + + /* Syntax & Status */ + --status-positive: #c3e88d; + --status-warning: #ffcb6b; + --status-danger: #f07178; + --icon-voice-muted: #f07178; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eeffff; + --scrollbar-auto-thumb: #eeffff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #263238 !important; + background-color: #eeffff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #eeffff; + background: #263238; +} +.hljs-keyword { color: #c792ea; } +.hljs-string { color: #c3e88d; } +.hljs-number { color: #f78c6c; } +.hljs-comment { color: #546e7a; } + +/* 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. +*/ diff --git a/build/base16-material-darker b/build/base16-material-darker index c46e140..63afe00 100644 --- a/build/base16-material-darker +++ b/build/base16-material-darker @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #f07178; /* Red */ - --idle-indicator: #ffcb6b; /* Yellow */ - --streaming-indicator: #c792ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #82aaff; /* Blue */ - --accent-2: #89ddff; /* Cyan */ - --accent-3: #89ddff; - --accent-4: #82aaff; - --accent-5: #f07178; - - /* Backgrounds */ - --bg-1: #212121; - --bg-2: #303030; - --bg-3: #212121; - --bg-4: #212121; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #212121; + --background-base-lowest: #212121 !important; + --background-base-lower: #303030 !important; + --background-surface-high: #212121 !important; + --chat-background: #212121; + --home-background: #212121; + + /* UI Accents & Surfaces */ + --background-surface-higher: #303030 !important; + --background-surface-highest: #353535 !important; + --background-accent: #353535 !important; + /* Text Colors */ - --text-0: #eeffff; - --text-1: #eeffff; - --text-2: #eeffff; - --text-3: #eeffff; - --text-4: #eeffff; - --text-5: #4a4a4a; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #3030300a; + --text-default: #eeffff; + --text-strong: #eeffff !important; + --text-muted: #b2ccd6 !important; + --text-subtle: #4a4a4a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eeffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eeffff; + --control-brand-foreground: #eeffff; + --text-link: #82aaff !important; + + /* Syntax & Status */ + --status-positive: #c3e88d; + --status-warning: #ffcb6b; + --status-danger: #f07178; + --icon-voice-muted: #f07178; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eeffff; + --scrollbar-auto-thumb: #eeffff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #212121 !important; + background-color: #eeffff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #eeffff; + background: #212121; +} +.hljs-keyword { color: #c792ea; } +.hljs-string { color: #c3e88d; } +.hljs-number { color: #f78c6c; } +.hljs-comment { color: #4a4a4a; } + +/* 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. +*/ diff --git a/build/base16-material-lighter b/build/base16-material-lighter index 6f1e9cb..4614f9e 100644 --- a/build/base16-material-lighter +++ b/build/base16-material-lighter @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #91b859; /* Green */ - --dnd-indicator: #ff5370; /* Red */ - --idle-indicator: #ffb62c; /* Yellow */ - --streaming-indicator: #7c4dff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6182b8; /* Blue */ - --accent-2: #39adb5; /* Cyan */ - --accent-3: #39adb5; - --accent-4: #6182b8; - --accent-5: #ff5370; - - /* Backgrounds */ - --bg-1: #fafafa; - --bg-2: #e7eaec; - --bg-3: #fafafa; - --bg-4: #fafafa; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fafafa; + --background-base-lowest: #fafafa !important; + --background-base-lower: #e7eaec !important; + --background-surface-high: #fafafa !important; + --chat-background: #fafafa; + --home-background: #fafafa; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e7eaec !important; + --background-surface-highest: #cceae7 !important; + --background-accent: #cceae7 !important; + /* Text Colors */ - --text-0: #80cbc4; - --text-1: #80cbc4; - --text-2: #80cbc4; - --text-3: #80cbc4; - --text-4: #80cbc4; - --text-5: #ccd7da; - - /* Popups & Modals - using hex + alpha */ - --hover: #6182b81a; - --active: #6182b833; - --message-hover: #e7eaec0a; + --text-default: #80cbc4; + --text-strong: #80cbc4 !important; + --text-muted: #8796b0 !important; + --text-subtle: #ccd7da; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #43a39a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #43a39a; + --control-brand-foreground: #43a39a; + --text-link: #6182b8 !important; + + /* Syntax & Status */ + --status-positive: #91b859; + --status-warning: #ffb62c; + --status-danger: #ff5370; + --icon-voice-muted: #ff5370; + + /* Scrollbars */ + --scrollbar-thin-thumb: #43a39a; + --scrollbar-auto-thumb: #43a39a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fafafa !important; + background-color: #43a39a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #80cbc4; + background: #fafafa; +} +.hljs-keyword { color: #7c4dff; } +.hljs-string { color: #91b859; } +.hljs-number { color: #f76d47; } +.hljs-comment { color: #ccd7da; } + +/* 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. +*/ diff --git a/build/base16-material-palenight b/build/base16-material-palenight index 79b5b58..660765a 100644 --- a/build/base16-material-palenight +++ b/build/base16-material-palenight @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #f07178; /* Red */ - --idle-indicator: #ffcb6b; /* Yellow */ - --streaming-indicator: #c792ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #82aaff; /* Blue */ - --accent-2: #89ddff; /* Cyan */ - --accent-3: #89ddff; - --accent-4: #82aaff; - --accent-5: #f07178; - - /* Backgrounds */ - --bg-1: #292d3e; - --bg-2: #444267; - --bg-3: #292d3e; - --bg-4: #292d3e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292d3e; + --background-base-lowest: #292d3e !important; + --background-base-lower: #444267 !important; + --background-surface-high: #292d3e !important; + --chat-background: #292d3e; + --home-background: #292d3e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #444267 !important; + --background-surface-highest: #32374d !important; + --background-accent: #32374d !important; + /* Text Colors */ - --text-0: #959dcb; - --text-1: #959dcb; - --text-2: #959dcb; - --text-3: #959dcb; - --text-4: #959dcb; - --text-5: #676e95; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #4442670a; + --text-default: #959dcb; + --text-strong: #959dcb !important; + --text-muted: #8796b0 !important; + --text-subtle: #676e95; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #959dcb !important; /* This was Pink (#f5c2e7) */ + --text-brand: #959dcb; + --control-brand-foreground: #959dcb; + --text-link: #82aaff !important; + + /* Syntax & Status */ + --status-positive: #c3e88d; + --status-warning: #ffcb6b; + --status-danger: #f07178; + --icon-voice-muted: #f07178; + + /* Scrollbars */ + --scrollbar-thin-thumb: #959dcb; + --scrollbar-auto-thumb: #959dcb; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #292d3e !important; + background-color: #959dcb !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #959dcb; + background: #292d3e; +} +.hljs-keyword { color: #c792ea; } +.hljs-string { color: #c3e88d; } +.hljs-number { color: #f78c6c; } +.hljs-comment { color: #676e95; } + +/* 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. +*/ diff --git a/build/base16-material-vivid b/build/base16-material-vivid index bf96c56..3be28f7 100644 --- a/build/base16-material-vivid +++ b/build/base16-material-vivid @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00e676; /* Green */ - --dnd-indicator: #f44336; /* Red */ - --idle-indicator: #ffeb3b; /* Yellow */ - --streaming-indicator: #673ab7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2196f3; /* Blue */ - --accent-2: #00bcd4; /* Cyan */ - --accent-3: #00bcd4; - --accent-4: #2196f3; - --accent-5: #f44336; - - /* Backgrounds */ - --bg-1: #202124; - --bg-2: #27292c; - --bg-3: #202124; - --bg-4: #202124; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #202124; + --background-base-lowest: #202124 !important; + --background-base-lower: #27292c !important; + --background-surface-high: #202124 !important; + --chat-background: #202124; + --home-background: #202124; + + /* UI Accents & Surfaces */ + --background-surface-higher: #27292c !important; + --background-surface-highest: #323639 !important; + --background-accent: #323639 !important; + /* Text Colors */ - --text-0: #80868b; - --text-1: #80868b; - --text-2: #80868b; - --text-3: #80868b; - --text-4: #80868b; - --text-5: #44464d; - - /* Popups & Modals - using hex + alpha */ - --hover: #2196f31a; - --active: #2196f333; - --message-hover: #27292c0a; + --text-default: #80868b; + --text-strong: #80868b !important; + --text-muted: #676c71 !important; + --text-subtle: #44464d; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #9e9e9e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #9e9e9e; + --control-brand-foreground: #9e9e9e; + --text-link: #2196f3 !important; + + /* Syntax & Status */ + --status-positive: #00e676; + --status-warning: #ffeb3b; + --status-danger: #f44336; + --icon-voice-muted: #f44336; + + /* Scrollbars */ + --scrollbar-thin-thumb: #9e9e9e; + --scrollbar-auto-thumb: #9e9e9e; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #202124 !important; + background-color: #9e9e9e !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #80868b; + background: #202124; +} +.hljs-keyword { color: #673ab7; } +.hljs-string { color: #00e676; } +.hljs-number { color: #ff9800; } +.hljs-comment { color: #44464d; } + +/* 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. +*/ diff --git a/build/base16-measured-dark b/build/base16-measured-dark index a0e34d2..6e29034 100644 --- a/build/base16-measured-dark +++ b/build/base16-measured-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #56c16f; /* Green */ - --dnd-indicator: #ce7e8e; /* Red */ - --idle-indicator: #bfac4e; /* Yellow */ - --streaming-indicator: #b39be0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #88b0da; /* Blue */ - --accent-2: #62c0be; /* Cyan */ - --accent-3: #62c0be; - --accent-4: #88b0da; - --accent-5: #ce7e8e; - - /* Backgrounds */ - --bg-1: #00211f; - --bg-2: #003a38; - --bg-3: #00211f; - --bg-4: #00211f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #00211f; + --background-base-lowest: #00211f !important; + --background-base-lower: #003a38 !important; + --background-surface-high: #00211f !important; + --chat-background: #00211f; + --home-background: #00211f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #003a38 !important; + --background-surface-highest: #005453 !important; + --background-accent: #005453 !important; + /* Text Colors */ - --text-0: #dcdcdc; - --text-1: #dcdcdc; - --text-2: #dcdcdc; - --text-3: #dcdcdc; - --text-4: #dcdcdc; - --text-5: #ababab; - - /* Popups & Modals - using hex + alpha */ - --hover: #88b0da1a; - --active: #88b0da33; - --message-hover: #003a380a; + --text-default: #dcdcdc; + --text-strong: #dcdcdc !important; + --text-muted: #c3c3c3 !important; + --text-subtle: #ababab; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #efefef !important; /* This was Pink (#f5c2e7) */ + --text-brand: #efefef; + --control-brand-foreground: #efefef; + --text-link: #88b0da !important; + + /* Syntax & Status */ + --status-positive: #56c16f; + --status-warning: #bfac4e; + --status-danger: #ce7e8e; + --icon-voice-muted: #ce7e8e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #efefef; + --scrollbar-auto-thumb: #efefef; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #00211f !important; + background-color: #efefef !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dcdcdc; + background: #00211f; +} +.hljs-keyword { color: #b39be0; } +.hljs-string { color: #56c16f; } +.hljs-number { color: #dca37c; } +.hljs-comment { color: #ababab; } + +/* 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. +*/ diff --git a/build/base16-measured-light b/build/base16-measured-light index eca2bdc..951afb8 100644 --- a/build/base16-measured-light +++ b/build/base16-measured-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #0c680c; /* Green */ - --dnd-indicator: #ac1f35; /* Red */ - --idle-indicator: #645a00; /* Yellow */ - --streaming-indicator: #6645c2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0158ad; /* Blue */ - --accent-2: #01716f; /* Cyan */ - --accent-3: #01716f; - --accent-4: #0158ad; - --accent-5: #ac1f35; - - /* Backgrounds */ - --bg-1: #fdf9f5; - --bg-2: #f9f5f1; - --bg-3: #fdf9f5; - --bg-4: #fdf9f5; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fdf9f5; + --background-base-lowest: #fdf9f5 !important; + --background-base-lower: #f9f5f1 !important; + --background-surface-high: #fdf9f5 !important; + --chat-background: #fdf9f5; + --home-background: #fdf9f5; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f9f5f1 !important; + --background-surface-highest: #ffeada !important; + --background-accent: #ffeada !important; + /* Text Colors */ - --text-0: #292929; - --text-1: #292929; - --text-2: #292929; - --text-3: #292929; - --text-4: #292929; - --text-5: #5a5a5a; - - /* Popups & Modals - using hex + alpha */ - --hover: #0158ad1a; - --active: #0158ad33; - --message-hover: #f9f5f10a; + --text-default: #292929; + --text-strong: #292929 !important; + --text-muted: #404040 !important; + --text-subtle: #5a5a5a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #181818 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #181818; + --control-brand-foreground: #181818; + --text-link: #0158ad !important; + + /* Syntax & Status */ + --status-positive: #0c680c; + --status-warning: #645a00; + --status-danger: #ac1f35; + --icon-voice-muted: #ac1f35; + + /* Scrollbars */ + --scrollbar-thin-thumb: #181818; + --scrollbar-auto-thumb: #181818; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fdf9f5 !important; + background-color: #181818 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #292929; + background: #fdf9f5; +} +.hljs-keyword { color: #6645c2; } +.hljs-string { color: #0c680c; } +.hljs-number { color: #ad5601; } +.hljs-comment { color: #5a5a5a; } + +/* 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. +*/ diff --git a/build/base16-mellow-purple b/build/base16-mellow-purple index a09a3ea..0dbc680 100644 --- a/build/base16-mellow-purple +++ b/build/base16-mellow-purple @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #05cb0d; /* Green */ - --dnd-indicator: #00d9e9; /* Red */ - --idle-indicator: #955ae7; /* Yellow */ - --streaming-indicator: #8991bb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #550068; /* Blue */ - --accent-2: #b900b1; /* Cyan */ - --accent-3: #b900b1; - --accent-4: #550068; - --accent-5: #00d9e9; - - /* Backgrounds */ - --bg-1: #1e0528; - --bg-2: #1a092d; - --bg-3: #1e0528; - --bg-4: #1e0528; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1e0528; + --background-base-lowest: #1e0528 !important; + --background-base-lower: #1a092d !important; + --background-surface-high: #1e0528 !important; + --chat-background: #1e0528; + --home-background: #1e0528; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1a092d !important; + --background-surface-highest: #331354 !important; + --background-accent: #331354 !important; + /* Text Colors */ - --text-0: #ffeeff; - --text-1: #ffeeff; - --text-2: #ffeeff; - --text-3: #ffeeff; - --text-4: #ffeeff; - --text-5: #320f55; - - /* Popups & Modals - using hex + alpha */ - --hover: #5500681a; - --active: #55006833; - --message-hover: #1a092d0a; + --text-default: #ffeeff; + --text-strong: #ffeeff !important; + --text-muted: #873582 !important; + --text-subtle: #320f55; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffeeff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffeeff; + --control-brand-foreground: #ffeeff; + --text-link: #550068 !important; + + /* Syntax & Status */ + --status-positive: #05cb0d; + --status-warning: #955ae7; + --status-danger: #00d9e9; + --icon-voice-muted: #00d9e9; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ffeeff; + --scrollbar-auto-thumb: #ffeeff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1e0528 !important; + background-color: #ffeeff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ffeeff; + background: #1e0528; +} +.hljs-keyword { color: #8991bb; } +.hljs-string { color: #05cb0d; } +.hljs-number { color: #aa00a3; } +.hljs-comment { color: #320f55; } + +/* 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. +*/ diff --git a/build/base16-mexico-light b/build/base16-mexico-light index ad185d5..a83dc2e 100644 --- a/build/base16-mexico-light +++ b/build/base16-mexico-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #538947; /* Green */ - --dnd-indicator: #ab4642; /* Red */ - --idle-indicator: #f79a0e; /* Yellow */ - --streaming-indicator: #96609e; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7cafc2; /* Blue */ - --accent-2: #4b8093; /* Cyan */ - --accent-3: #4b8093; - --accent-4: #7cafc2; - --accent-5: #ab4642; - - /* Backgrounds */ - --bg-1: #f8f8f8; - --bg-2: #e8e8e8; - --bg-3: #f8f8f8; - --bg-4: #f8f8f8; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #383838; - --text-1: #383838; - --text-2: #383838; - --text-3: #383838; - --text-4: #383838; - --text-5: #b8b8b8; - - /* Popups & Modals - using hex + alpha */ - --hover: #7cafc21a; - --active: #7cafc233; - --message-hover: #e8e8e80a; + --text-default: #383838; + --text-strong: #383838 !important; + --text-muted: #585858 !important; + --text-subtle: #b8b8b8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282828 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282828; + --control-brand-foreground: #282828; + --text-link: #7cafc2 !important; + + /* Syntax & Status */ + --status-positive: #538947; + --status-warning: #f79a0e; + --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: #96609e; } +.hljs-string { color: #538947; } +.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. +*/ diff --git a/build/base16-mocha b/build/base16-mocha index 9487302..6eee17d 100644 --- a/build/base16-mocha +++ b/build/base16-mocha @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #beb55b; /* Green */ - --dnd-indicator: #cb6077; /* Red */ - --idle-indicator: #f4bc87; /* Yellow */ - --streaming-indicator: #a89bb9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8ab3b5; /* Blue */ - --accent-2: #7bbda4; /* Cyan */ - --accent-3: #7bbda4; - --accent-4: #8ab3b5; - --accent-5: #cb6077; - - /* Backgrounds */ - --bg-1: #3b3228; - --bg-2: #534636; - --bg-3: #3b3228; - --bg-4: #3b3228; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #3b3228; + --background-base-lowest: #3b3228 !important; + --background-base-lower: #534636 !important; + --background-surface-high: #3b3228 !important; + --chat-background: #3b3228; + --home-background: #3b3228; + + /* UI Accents & Surfaces */ + --background-surface-higher: #534636 !important; + --background-surface-highest: #645240 !important; + --background-accent: #645240 !important; + /* Text Colors */ - --text-0: #d0c8c6; - --text-1: #d0c8c6; - --text-2: #d0c8c6; - --text-3: #d0c8c6; - --text-4: #d0c8c6; - --text-5: #7e705a; - - /* Popups & Modals - using hex + alpha */ - --hover: #8ab3b51a; - --active: #8ab3b533; - --message-hover: #5346360a; + --text-default: #d0c8c6; + --text-strong: #d0c8c6 !important; + --text-muted: #b8afad !important; + --text-subtle: #7e705a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e9e1dd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e9e1dd; + --control-brand-foreground: #e9e1dd; + --text-link: #8ab3b5 !important; + + /* Syntax & Status */ + --status-positive: #beb55b; + --status-warning: #f4bc87; + --status-danger: #cb6077; + --icon-voice-muted: #cb6077; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e9e1dd; + --scrollbar-auto-thumb: #e9e1dd; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #3b3228 !important; + background-color: #e9e1dd !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d0c8c6; + background: #3b3228; +} +.hljs-keyword { color: #a89bb9; } +.hljs-string { color: #beb55b; } +.hljs-number { color: #d28b71; } +.hljs-comment { color: #7e705a; } + +/* 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. +*/ diff --git a/build/base16-monokai b/build/base16-monokai index db142e7..3392473 100644 --- a/build/base16-monokai +++ b/build/base16-monokai @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a6e22e; /* Green */ - --dnd-indicator: #f92672; /* Red */ - --idle-indicator: #f4bf75; /* Yellow */ - --streaming-indicator: #ae81ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #66d9ef; /* Blue */ - --accent-2: #a1efe4; /* Cyan */ - --accent-3: #a1efe4; - --accent-4: #66d9ef; - --accent-5: #f92672; - - /* Backgrounds */ - --bg-1: #272822; - --bg-2: #383830; - --bg-3: #272822; - --bg-4: #272822; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #272822; + --background-base-lowest: #272822 !important; + --background-base-lower: #383830 !important; + --background-surface-high: #272822 !important; + --chat-background: #272822; + --home-background: #272822; + + /* UI Accents & Surfaces */ + --background-surface-higher: #383830 !important; + --background-surface-highest: #49483e !important; + --background-accent: #49483e !important; + /* Text Colors */ - --text-0: #f8f8f2; - --text-1: #f8f8f2; - --text-2: #f8f8f2; - --text-3: #f8f8f2; - --text-4: #f8f8f2; - --text-5: #75715e; - - /* Popups & Modals - using hex + alpha */ - --hover: #66d9ef1a; - --active: #66d9ef33; - --message-hover: #3838300a; + --text-default: #f8f8f2; + --text-strong: #f8f8f2 !important; + --text-muted: #a59f85 !important; + --text-subtle: #75715e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5f4f1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5f4f1; + --control-brand-foreground: #f5f4f1; + --text-link: #66d9ef !important; + + /* Syntax & Status */ + --status-positive: #a6e22e; + --status-warning: #f4bf75; + --status-danger: #f92672; + --icon-voice-muted: #f92672; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f5f4f1; + --scrollbar-auto-thumb: #f5f4f1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #272822 !important; + background-color: #f5f4f1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f8f8f2; + background: #272822; +} +.hljs-keyword { color: #ae81ff; } +.hljs-string { color: #a6e22e; } +.hljs-number { color: #fd971f; } +.hljs-comment { color: #75715e; } + +/* 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. +*/ diff --git a/build/base16-moonlight b/build/base16-moonlight index 2f2c29e..8a0bf99 100644 --- a/build/base16-moonlight +++ b/build/base16-moonlight @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #2df4c0; /* Green */ - --dnd-indicator: #ff5370; /* Red */ - --idle-indicator: #ffc777; /* Yellow */ - --streaming-indicator: #b994f1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #40ffff; /* Blue */ - --accent-2: #04d1f9; /* Cyan */ - --accent-3: #04d1f9; - --accent-4: #40ffff; - --accent-5: #ff5370; - - /* Backgrounds */ - --bg-1: #212337; - --bg-2: #403c64; - --bg-3: #212337; - --bg-4: #212337; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #212337; + --background-base-lowest: #212337 !important; + --background-base-lower: #403c64 !important; + --background-surface-high: #212337 !important; + --chat-background: #212337; + --home-background: #212337; + + /* UI Accents & Surfaces */ + --background-surface-higher: #403c64 !important; + --background-surface-highest: #596399 !important; + --background-accent: #596399 !important; + /* Text Colors */ - --text-0: #a3ace1; - --text-1: #a3ace1; - --text-2: #a3ace1; - --text-3: #a3ace1; - --text-4: #a3ace1; - --text-5: #748cd6; - - /* Popups & Modals - using hex + alpha */ - --hover: #40ffff1a; - --active: #40ffff33; - --message-hover: #403c640a; + --text-default: #a3ace1; + --text-strong: #a3ace1 !important; + --text-muted: #a1abe0 !important; + --text-subtle: #748cd6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b4a4f4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b4a4f4; + --control-brand-foreground: #b4a4f4; + --text-link: #40ffff !important; + + /* Syntax & Status */ + --status-positive: #2df4c0; + --status-warning: #ffc777; + --status-danger: #ff5370; + --icon-voice-muted: #ff5370; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b4a4f4; + --scrollbar-auto-thumb: #b4a4f4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #212337 !important; + background-color: #b4a4f4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a3ace1; + background: #212337; +} +.hljs-keyword { color: #b994f1; } +.hljs-string { color: #2df4c0; } +.hljs-number { color: #f67f81; } +.hljs-comment { color: #748cd6; } + +/* 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. +*/ diff --git a/build/base16-mountain b/build/base16-mountain index 6846979..5584b02 100644 --- a/build/base16-mountain +++ b/build/base16-mountain @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8aac8b; /* Green */ - --dnd-indicator: #ac8a8c; /* Red */ - --idle-indicator: #aca98a; /* Yellow */ - --streaming-indicator: #ac8aac; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8f8aac; /* Blue */ - --accent-2: #8aabac; /* Cyan */ - --accent-3: #8aabac; - --accent-4: #8f8aac; - --accent-5: #ac8a8c; - - /* Backgrounds */ - --bg-1: #0f0f0f; - --bg-2: #191919; - --bg-3: #0f0f0f; - --bg-4: #0f0f0f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0f0f0f; + --background-base-lowest: #0f0f0f !important; + --background-base-lower: #191919 !important; + --background-surface-high: #0f0f0f !important; + --chat-background: #0f0f0f; + --home-background: #0f0f0f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #191919 !important; + --background-surface-highest: #262626 !important; + --background-accent: #262626 !important; + /* Text Colors */ - --text-0: #cacaca; - --text-1: #cacaca; - --text-2: #cacaca; - --text-3: #cacaca; - --text-4: #cacaca; - --text-5: #393939; - - /* Popups & Modals - using hex + alpha */ - --hover: #8f8aac1a; - --active: #8f8aac33; - --message-hover: #1919190a; + --text-default: #cacaca; + --text-strong: #cacaca !important; + --text-muted: #4c4c4c !important; + --text-subtle: #393939; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e7e7e7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e7e7e7; + --control-brand-foreground: #e7e7e7; + --text-link: #8f8aac !important; + + /* Syntax & Status */ + --status-positive: #8aac8b; + --status-warning: #aca98a; + --status-danger: #ac8a8c; + --icon-voice-muted: #ac8a8c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e7e7e7; + --scrollbar-auto-thumb: #e7e7e7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0f0f0f !important; + background-color: #e7e7e7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cacaca; + background: #0f0f0f; +} +.hljs-keyword { color: #ac8aac; } +.hljs-string { color: #8aac8b; } +.hljs-number { color: #ceb188; } +.hljs-comment { color: #393939; } + +/* 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. +*/ diff --git a/build/base16-nebula b/build/base16-nebula index 4c89b6a..0cbe400 100644 --- a/build/base16-nebula +++ b/build/base16-nebula @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6562a8; /* Green */ - --dnd-indicator: #777abc; /* Red */ - --idle-indicator: #4f9062; /* Yellow */ - --streaming-indicator: #716cae; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4d6bb6; /* Blue */ - --accent-2: #226f68; /* Cyan */ - --accent-3: #226f68; - --accent-4: #4d6bb6; - --accent-5: #777abc; - - /* Backgrounds */ - --bg-1: #22273b; - --bg-2: #414f60; - --bg-3: #22273b; - --bg-4: #22273b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #22273b; + --background-base-lowest: #22273b !important; + --background-base-lower: #414f60 !important; + --background-surface-high: #22273b !important; + --chat-background: #22273b; + --home-background: #22273b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #414f60 !important; + --background-surface-highest: #5a8380 !important; + --background-accent: #5a8380 !important; + /* Text Colors */ - --text-0: #a4a6a9; - --text-1: #a4a6a9; - --text-2: #a4a6a9; - --text-3: #a4a6a9; - --text-4: #a4a6a9; - --text-5: #6e6f72; - - /* Popups & Modals - using hex + alpha */ - --hover: #4d6bb61a; - --active: #4d6bb633; - --message-hover: #414f600a; + --text-default: #a4a6a9; + --text-strong: #a4a6a9 !important; + --text-muted: #87888b !important; + --text-subtle: #6e6f72; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c7c9cd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c7c9cd; + --control-brand-foreground: #c7c9cd; + --text-link: #4d6bb6 !important; + + /* Syntax & Status */ + --status-positive: #6562a8; + --status-warning: #4f9062; + --status-danger: #777abc; + --icon-voice-muted: #777abc; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c7c9cd; + --scrollbar-auto-thumb: #c7c9cd; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #22273b !important; + background-color: #c7c9cd !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a4a6a9; + background: #22273b; +} +.hljs-keyword { color: #716cae; } +.hljs-string { color: #6562a8; } +.hljs-number { color: #94929e; } +.hljs-comment { color: #6e6f72; } + +/* 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. +*/ diff --git a/build/base16-nord b/build/base16-nord index 0f79966..122317e 100644 --- a/build/base16-nord +++ b/build/base16-nord @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a3be8c; /* Green */ - --dnd-indicator: #bf616a; /* Red */ - --idle-indicator: #ebcb8b; /* Yellow */ - --streaming-indicator: #b48ead; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #81a1c1; /* Blue */ - --accent-2: #88c0d0; /* Cyan */ - --accent-3: #88c0d0; - --accent-4: #81a1c1; - --accent-5: #bf616a; - - /* Backgrounds */ - --bg-1: #2e3440; - --bg-2: #3b4252; - --bg-3: #2e3440; - --bg-4: #2e3440; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2e3440; + --background-base-lowest: #2e3440 !important; + --background-base-lower: #3b4252 !important; + --background-surface-high: #2e3440 !important; + --chat-background: #2e3440; + --home-background: #2e3440; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3b4252 !important; + --background-surface-highest: #434c5e !important; + --background-accent: #434c5e !important; + /* Text Colors */ - --text-0: #e5e9f0; - --text-1: #e5e9f0; - --text-2: #e5e9f0; - --text-3: #e5e9f0; - --text-4: #e5e9f0; - --text-5: #4c566a; - - /* Popups & Modals - using hex + alpha */ - --hover: #81a1c11a; - --active: #81a1c133; - --message-hover: #3b42520a; + --text-default: #e5e9f0; + --text-strong: #e5e9f0 !important; + --text-muted: #d8dee9 !important; + --text-subtle: #4c566a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eceff4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eceff4; + --control-brand-foreground: #eceff4; + --text-link: #81a1c1 !important; + + /* Syntax & Status */ + --status-positive: #a3be8c; + --status-warning: #ebcb8b; + --status-danger: #bf616a; + --icon-voice-muted: #bf616a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eceff4; + --scrollbar-auto-thumb: #eceff4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2e3440 !important; + background-color: #eceff4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e5e9f0; + background: #2e3440; +} +.hljs-keyword { color: #b48ead; } +.hljs-string { color: #a3be8c; } +.hljs-number { color: #d08770; } +.hljs-comment { color: #4c566a; } + +/* 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. +*/ diff --git a/build/base16-nord-light b/build/base16-nord-light index afebeac..e91d3e0 100644 --- a/build/base16-nord-light +++ b/build/base16-nord-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #4f894c; /* Green */ - --dnd-indicator: #99324b; /* Red */ - --idle-indicator: #9a7500; /* Yellow */ - --streaming-indicator: #97365b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3b6ea8; /* Blue */ - --accent-2: #398eac; /* Cyan */ - --accent-3: #398eac; - --accent-4: #3b6ea8; - --accent-5: #99324b; - - /* Backgrounds */ - --bg-1: #e5e9f0; - --bg-2: #c2d0e7; - --bg-3: #e5e9f0; - --bg-4: #e5e9f0; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #e5e9f0; + --background-base-lowest: #e5e9f0 !important; + --background-base-lower: #c2d0e7 !important; + --background-surface-high: #e5e9f0 !important; + --chat-background: #e5e9f0; + --home-background: #e5e9f0; + + /* UI Accents & Surfaces */ + --background-surface-higher: #c2d0e7 !important; + --background-surface-highest: #b8c5db !important; + --background-accent: #b8c5db !important; + /* Text Colors */ - --text-0: #2e3440; - --text-1: #2e3440; - --text-2: #2e3440; - --text-3: #2e3440; - --text-4: #2e3440; - --text-5: #aebacf; - - /* Popups & Modals - using hex + alpha */ - --hover: #3b6ea81a; - --active: #3b6ea833; - --message-hover: #c2d0e70a; + --text-default: #2e3440; + --text-strong: #2e3440 !important; + --text-muted: #60728c !important; + --text-subtle: #aebacf; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3b4252 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3b4252; + --control-brand-foreground: #3b4252; + --text-link: #3b6ea8 !important; + + /* Syntax & Status */ + --status-positive: #4f894c; + --status-warning: #9a7500; + --status-danger: #99324b; + --icon-voice-muted: #99324b; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3b4252; + --scrollbar-auto-thumb: #3b4252; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #e5e9f0 !important; + background-color: #3b4252 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #2e3440; + background: #e5e9f0; +} +.hljs-keyword { color: #97365b; } +.hljs-string { color: #4f894c; } +.hljs-number { color: #ac4426; } +.hljs-comment { color: #aebacf; } + +/* 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. +*/ diff --git a/build/base16-nova b/build/base16-nova index 2a22dcc..fce7808 100644 --- a/build/base16-nova +++ b/build/base16-nova @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #7fc1ca; /* Green */ - --dnd-indicator: #83afe5; /* Red */ - --idle-indicator: #a8ce93; /* Yellow */ - --streaming-indicator: #9a93e1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83afe5; /* Blue */ - --accent-2: #f2c38f; /* Cyan */ - --accent-3: #f2c38f; - --accent-4: #83afe5; - --accent-5: #83afe5; - - /* Backgrounds */ - --bg-1: #3c4c55; - --bg-2: #556873; - --bg-3: #3c4c55; - --bg-4: #3c4c55; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #3c4c55; + --background-base-lowest: #3c4c55 !important; + --background-base-lower: #556873 !important; + --background-surface-high: #3c4c55 !important; + --chat-background: #3c4c55; + --home-background: #3c4c55; + + /* UI Accents & Surfaces */ + --background-surface-higher: #556873 !important; + --background-surface-highest: #6a7d89 !important; + --background-accent: #6a7d89 !important; + /* Text Colors */ - --text-0: #c5d4dd; - --text-1: #c5d4dd; - --text-2: #c5d4dd; - --text-3: #c5d4dd; - --text-4: #c5d4dd; - --text-5: #899ba6; - - /* Popups & Modals - using hex + alpha */ - --hover: #83afe51a; - --active: #83afe533; - --message-hover: #5568730a; + --text-default: #c5d4dd; + --text-strong: #c5d4dd !important; + --text-muted: #899ba6 !important; + --text-subtle: #899ba6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #899ba6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #899ba6; + --control-brand-foreground: #899ba6; + --text-link: #83afe5 !important; + + /* Syntax & Status */ + --status-positive: #7fc1ca; + --status-warning: #a8ce93; + --status-danger: #83afe5; + --icon-voice-muted: #83afe5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #899ba6; + --scrollbar-auto-thumb: #899ba6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #3c4c55 !important; + background-color: #899ba6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c5d4dd; + background: #3c4c55; +} +.hljs-keyword { color: #9a93e1; } +.hljs-string { color: #7fc1ca; } +.hljs-number { color: #7fc1ca; } +.hljs-comment { color: #899ba6; } + +/* 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. +*/ diff --git a/build/base16-ocean b/build/base16-ocean index bc0f5d2..caf933e 100644 --- a/build/base16-ocean +++ b/build/base16-ocean @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a3be8c; /* Green */ - --dnd-indicator: #bf616a; /* Red */ - --idle-indicator: #ebcb8b; /* Yellow */ - --streaming-indicator: #b48ead; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8fa1b3; /* Blue */ - --accent-2: #96b5b4; /* Cyan */ - --accent-3: #96b5b4; - --accent-4: #8fa1b3; - --accent-5: #bf616a; - - /* Backgrounds */ - --bg-1: #2b303b; - --bg-2: #343d46; - --bg-3: #2b303b; - --bg-4: #2b303b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2b303b; + --background-base-lowest: #2b303b !important; + --background-base-lower: #343d46 !important; + --background-surface-high: #2b303b !important; + --chat-background: #2b303b; + --home-background: #2b303b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #343d46 !important; + --background-surface-highest: #4f5b66 !important; + --background-accent: #4f5b66 !important; + /* Text Colors */ - --text-0: #c0c5ce; - --text-1: #c0c5ce; - --text-2: #c0c5ce; - --text-3: #c0c5ce; - --text-4: #c0c5ce; - --text-5: #65737e; - - /* Popups & Modals - using hex + alpha */ - --hover: #8fa1b31a; - --active: #8fa1b333; - --message-hover: #343d460a; + --text-default: #c0c5ce; + --text-strong: #c0c5ce !important; + --text-muted: #a7adba !important; + --text-subtle: #65737e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dfe1e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dfe1e8; + --control-brand-foreground: #dfe1e8; + --text-link: #8fa1b3 !important; + + /* Syntax & Status */ + --status-positive: #a3be8c; + --status-warning: #ebcb8b; + --status-danger: #bf616a; + --icon-voice-muted: #bf616a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dfe1e8; + --scrollbar-auto-thumb: #dfe1e8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2b303b !important; + background-color: #dfe1e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c5ce; + background: #2b303b; +} +.hljs-keyword { color: #b48ead; } +.hljs-string { color: #a3be8c; } +.hljs-number { color: #d08770; } +.hljs-comment { color: #65737e; } + +/* 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. +*/ diff --git a/build/base16-oceanicnext b/build/base16-oceanicnext index a6f4a5f..beaed68 100644 --- a/build/base16-oceanicnext +++ b/build/base16-oceanicnext @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #99c794; /* Green */ - --dnd-indicator: #ec5f67; /* Red */ - --idle-indicator: #fac863; /* Yellow */ - --streaming-indicator: #c594c5; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6699cc; /* Blue */ - --accent-2: #5fb3b3; /* Cyan */ - --accent-3: #5fb3b3; - --accent-4: #6699cc; - --accent-5: #ec5f67; - - /* Backgrounds */ - --bg-1: #1b2b34; - --bg-2: #343d46; - --bg-3: #1b2b34; - --bg-4: #1b2b34; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1b2b34; + --background-base-lowest: #1b2b34 !important; + --background-base-lower: #343d46 !important; + --background-surface-high: #1b2b34 !important; + --chat-background: #1b2b34; + --home-background: #1b2b34; + + /* UI Accents & Surfaces */ + --background-surface-higher: #343d46 !important; + --background-surface-highest: #4f5b66 !important; + --background-accent: #4f5b66 !important; + /* Text Colors */ - --text-0: #c0c5ce; - --text-1: #c0c5ce; - --text-2: #c0c5ce; - --text-3: #c0c5ce; - --text-4: #c0c5ce; - --text-5: #65737e; - - /* Popups & Modals - using hex + alpha */ - --hover: #6699cc1a; - --active: #6699cc33; - --message-hover: #343d460a; + --text-default: #c0c5ce; + --text-strong: #c0c5ce !important; + --text-muted: #a7adba !important; + --text-subtle: #65737e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cdd3de !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cdd3de; + --control-brand-foreground: #cdd3de; + --text-link: #6699cc !important; + + /* Syntax & Status */ + --status-positive: #99c794; + --status-warning: #fac863; + --status-danger: #ec5f67; + --icon-voice-muted: #ec5f67; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cdd3de; + --scrollbar-auto-thumb: #cdd3de; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1b2b34 !important; + background-color: #cdd3de !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c5ce; + background: #1b2b34; +} +.hljs-keyword { color: #c594c5; } +.hljs-string { color: #99c794; } +.hljs-number { color: #f99157; } +.hljs-comment { color: #65737e; } + +/* 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. +*/ diff --git a/build/base16-one-light b/build/base16-one-light index 4a28a8e..cf3882e 100644 --- a/build/base16-one-light +++ b/build/base16-one-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #50a14f; /* Green */ - --dnd-indicator: #ca1243; /* Red */ - --idle-indicator: #c18401; /* Yellow */ - --streaming-indicator: #a626a4; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4078f2; /* Blue */ - --accent-2: #0184bc; /* Cyan */ - --accent-3: #0184bc; - --accent-4: #4078f2; - --accent-5: #ca1243; - - /* Backgrounds */ - --bg-1: #fafafa; - --bg-2: #f0f0f1; - --bg-3: #fafafa; - --bg-4: #fafafa; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fafafa; + --background-base-lowest: #fafafa !important; + --background-base-lower: #f0f0f1 !important; + --background-surface-high: #fafafa !important; + --chat-background: #fafafa; + --home-background: #fafafa; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f0f0f1 !important; + --background-surface-highest: #e5e5e6 !important; + --background-accent: #e5e5e6 !important; + /* Text Colors */ - --text-0: #383a42; - --text-1: #383a42; - --text-2: #383a42; - --text-3: #383a42; - --text-4: #383a42; - --text-5: #a0a1a7; - - /* Popups & Modals - using hex + alpha */ - --hover: #4078f21a; - --active: #4078f233; - --message-hover: #f0f0f10a; + --text-default: #383a42; + --text-strong: #383a42 !important; + --text-muted: #696c77 !important; + --text-subtle: #a0a1a7; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #202227 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #202227; + --control-brand-foreground: #202227; + --text-link: #4078f2 !important; + + /* Syntax & Status */ + --status-positive: #50a14f; + --status-warning: #c18401; + --status-danger: #ca1243; + --icon-voice-muted: #ca1243; + + /* Scrollbars */ + --scrollbar-thin-thumb: #202227; + --scrollbar-auto-thumb: #202227; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fafafa !important; + background-color: #202227 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #383a42; + background: #fafafa; +} +.hljs-keyword { color: #a626a4; } +.hljs-string { color: #50a14f; } +.hljs-number { color: #d75f00; } +.hljs-comment { color: #a0a1a7; } + +/* 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. +*/ diff --git a/build/base16-onedark b/build/base16-onedark index d7ec8b3..17da31f 100644 --- a/build/base16-onedark +++ b/build/base16-onedark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #e06c75; /* Red */ - --idle-indicator: #e5c07b; /* Yellow */ - --streaming-indicator: #c678dd; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #61afef; /* Blue */ - --accent-2: #56b6c2; /* Cyan */ - --accent-3: #56b6c2; - --accent-4: #61afef; - --accent-5: #e06c75; - - /* Backgrounds */ - --bg-1: #282c34; - --bg-2: #353b45; - --bg-3: #282c34; - --bg-4: #282c34; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282c34; + --background-base-lowest: #282c34 !important; + --background-base-lower: #353b45 !important; + --background-surface-high: #282c34 !important; + --chat-background: #282c34; + --home-background: #282c34; + + /* UI Accents & Surfaces */ + --background-surface-higher: #353b45 !important; + --background-surface-highest: #3e4451 !important; + --background-accent: #3e4451 !important; + /* Text Colors */ - --text-0: #abb2bf; - --text-1: #abb2bf; - --text-2: #abb2bf; - --text-3: #abb2bf; - --text-4: #abb2bf; - --text-5: #545862; - - /* Popups & Modals - using hex + alpha */ - --hover: #61afef1a; - --active: #61afef33; - --message-hover: #353b450a; + --text-default: #abb2bf; + --text-strong: #abb2bf !important; + --text-muted: #565c64 !important; + --text-subtle: #545862; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b6bdca !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b6bdca; + --control-brand-foreground: #b6bdca; + --text-link: #61afef !important; + + /* Syntax & Status */ + --status-positive: #98c379; + --status-warning: #e5c07b; + --status-danger: #e06c75; + --icon-voice-muted: #e06c75; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b6bdca; + --scrollbar-auto-thumb: #b6bdca; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #282c34 !important; + background-color: #b6bdca !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #abb2bf; + background: #282c34; +} +.hljs-keyword { color: #c678dd; } +.hljs-string { color: #98c379; } +.hljs-number { color: #d19a66; } +.hljs-comment { color: #545862; } + +/* 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. +*/ diff --git a/build/base16-onedark-dark b/build/base16-onedark-dark index 9d41888..117c7f0 100644 --- a/build/base16-onedark-dark +++ b/build/base16-onedark-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #89ca78; /* Green */ - --dnd-indicator: #ef596f; /* Red */ - --idle-indicator: #e5c07b; /* Yellow */ - --streaming-indicator: #d55fde; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #61afef; /* Blue */ - --accent-2: #2bbac5; /* Cyan */ - --accent-3: #2bbac5; - --accent-4: #61afef; - --accent-5: #ef596f; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #1c1f24; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #1c1f24 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c1f24 !important; + --background-surface-highest: #2c313a !important; + --background-accent: #2c313a !important; + /* Text Colors */ - --text-0: #abb2bf; - --text-1: #abb2bf; - --text-2: #abb2bf; - --text-3: #abb2bf; - --text-4: #abb2bf; - --text-5: #434852; - - /* Popups & Modals - using hex + alpha */ - --hover: #61afef1a; - --active: #61afef33; - --message-hover: #1c1f240a; + --text-default: #abb2bf; + --text-strong: #abb2bf !important; + --text-muted: #565c64 !important; + --text-subtle: #434852; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b6bdca !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b6bdca; + --control-brand-foreground: #b6bdca; + --text-link: #61afef !important; + + /* Syntax & Status */ + --status-positive: #89ca78; + --status-warning: #e5c07b; + --status-danger: #ef596f; + --icon-voice-muted: #ef596f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b6bdca; + --scrollbar-auto-thumb: #b6bdca; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #b6bdca !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #abb2bf; + background: #000000; +} +.hljs-keyword { color: #d55fde; } +.hljs-string { color: #89ca78; } +.hljs-number { color: #d19a66; } +.hljs-comment { color: #434852; } + +/* 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. +*/ diff --git a/build/base16-outrun-dark b/build/base16-outrun-dark index d8b5f11..ca8d7a0 100644 --- a/build/base16-outrun-dark +++ b/build/base16-outrun-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #59f176; /* Green */ - --dnd-indicator: #ff4242; /* Red */ - --idle-indicator: #f3e877; /* Yellow */ - --streaming-indicator: #f10596; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #66b0ff; /* Blue */ - --accent-2: #0ef0f0; /* Cyan */ - --accent-3: #0ef0f0; - --accent-4: #66b0ff; - --accent-5: #ff4242; - - /* Backgrounds */ - --bg-1: #00002a; - --bg-2: #20204a; - --bg-3: #00002a; - --bg-4: #00002a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #00002a; + --background-base-lowest: #00002a !important; + --background-base-lower: #20204a !important; + --background-surface-high: #00002a !important; + --chat-background: #00002a; + --home-background: #00002a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #20204a !important; + --background-surface-highest: #30305a !important; + --background-accent: #30305a !important; + /* Text Colors */ - --text-0: #d0d0fa; - --text-1: #d0d0fa; - --text-2: #d0d0fa; - --text-3: #d0d0fa; - --text-4: #d0d0fa; - --text-5: #50507a; - - /* Popups & Modals - using hex + alpha */ - --hover: #66b0ff1a; - --active: #66b0ff33; - --message-hover: #20204a0a; + --text-default: #d0d0fa; + --text-strong: #d0d0fa !important; + --text-muted: #b0b0da !important; + --text-subtle: #50507a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0ff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0ff; + --control-brand-foreground: #e0e0ff; + --text-link: #66b0ff !important; + + /* Syntax & Status */ + --status-positive: #59f176; + --status-warning: #f3e877; + --status-danger: #ff4242; + --icon-voice-muted: #ff4242; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e0e0ff; + --scrollbar-auto-thumb: #e0e0ff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #00002a !important; + background-color: #e0e0ff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d0d0fa; + background: #00002a; +} +.hljs-keyword { color: #f10596; } +.hljs-string { color: #59f176; } +.hljs-number { color: #fc8d28; } +.hljs-comment { color: #50507a; } + +/* 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. +*/ diff --git a/build/base16-oxocarbon-dark b/build/base16-oxocarbon-dark index 87479ae..d014965 100644 --- a/build/base16-oxocarbon-dark +++ b/build/base16-oxocarbon-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #42be65; /* Green */ - --dnd-indicator: #ee5396; /* Red */ - --idle-indicator: #ff6f00; /* Yellow */ - --streaming-indicator: #be95ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #33b1ff; /* Blue */ - --accent-2: #3ddbd9; /* Cyan */ - --accent-3: #3ddbd9; - --accent-4: #33b1ff; - --accent-5: #ee5396; - - /* Backgrounds */ - --bg-1: #161616; - --bg-2: #262626; - --bg-3: #161616; - --bg-4: #161616; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #161616; + --background-base-lowest: #161616 !important; + --background-base-lower: #262626 !important; + --background-surface-high: #161616 !important; + --chat-background: #161616; + --home-background: #161616; + + /* UI Accents & Surfaces */ + --background-surface-higher: #262626 !important; + --background-surface-highest: #393939 !important; + --background-accent: #393939 !important; + /* Text Colors */ - --text-0: #f2f4f8; - --text-1: #f2f4f8; - --text-2: #f2f4f8; - --text-3: #f2f4f8; - --text-4: #f2f4f8; - --text-5: #525252; - - /* Popups & Modals - using hex + alpha */ - --hover: #33b1ff1a; - --active: #33b1ff33; - --message-hover: #2626260a; + --text-default: #f2f4f8; + --text-strong: #f2f4f8 !important; + --text-muted: #dde1e6 !important; + --text-subtle: #525252; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #33b1ff !important; + + /* Syntax & Status */ + --status-positive: #42be65; + --status-warning: #ff6f00; + --status-danger: #ee5396; + --icon-voice-muted: #ee5396; + + /* 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: #161616 !important; + background-color: #ffffff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f2f4f8; + background: #161616; +} +.hljs-keyword { color: #be95ff; } +.hljs-string { color: #42be65; } +.hljs-number { color: #ff7eb6; } +.hljs-comment { color: #525252; } + +/* 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. +*/ diff --git a/build/base16-oxocarbon-light b/build/base16-oxocarbon-light index 24bd3c8..6d7411a 100644 --- a/build/base16-oxocarbon-light +++ b/build/base16-oxocarbon-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #42be65; /* Green */ - --dnd-indicator: #ff7eb6; /* Red */ - --idle-indicator: #ff6f00; /* Yellow */ - --streaming-indicator: #be95ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0f62fe; /* Blue */ - --accent-2: #673ab7; /* Cyan */ - --accent-3: #673ab7; - --accent-4: #0f62fe; - --accent-5: #ff7eb6; - - /* Backgrounds */ - --bg-1: #f2f4f8; - --bg-2: #dde1e6; - --bg-3: #f2f4f8; - --bg-4: #f2f4f8; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f2f4f8; + --background-base-lowest: #f2f4f8 !important; + --background-base-lower: #dde1e6 !important; + --background-surface-high: #f2f4f8 !important; + --chat-background: #f2f4f8; + --home-background: #f2f4f8; + + /* UI Accents & Surfaces */ + --background-surface-higher: #dde1e6 !important; + --background-surface-highest: #bec6cf !important; + --background-accent: #bec6cf !important; + /* Text Colors */ - --text-0: #525f70; - --text-1: #525f70; - --text-2: #525f70; - --text-3: #525f70; - --text-4: #525f70; - --text-5: #a1acba; - - /* Popups & Modals - using hex + alpha */ - --hover: #0f62fe1a; - --active: #0f62fe33; - --message-hover: #dde1e60a; + --text-default: #525f70; + --text-strong: #525f70 !important; + --text-muted: #68788d !important; + --text-subtle: #a1acba; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3d4652 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3d4652; + --control-brand-foreground: #3d4652; + --text-link: #0f62fe !important; + + /* Syntax & Status */ + --status-positive: #42be65; + --status-warning: #ff6f00; + --status-danger: #ff7eb6; + --icon-voice-muted: #ff7eb6; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3d4652; + --scrollbar-auto-thumb: #3d4652; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f2f4f8 !important; + background-color: #3d4652 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #525f70; + background: #f2f4f8; +} +.hljs-keyword { color: #be95ff; } +.hljs-string { color: #42be65; } +.hljs-number { color: #ee5396; } +.hljs-comment { color: #a1acba; } + +/* 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. +*/ diff --git a/build/base16-pandora b/build/base16-pandora index 18897cf..66667c4 100644 --- a/build/base16-pandora +++ b/build/base16-pandora @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #9ddf69; /* Green */ - --dnd-indicator: #b00b69; /* Red */ - --idle-indicator: #ffcc00; /* Yellow */ - --streaming-indicator: #a24030; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #008080; /* Blue */ - --accent-2: #714ca6; /* Cyan */ - --accent-3: #714ca6; - --accent-4: #008080; - --accent-5: #b00b69; - - /* Backgrounds */ - --bg-1: #131213; - --bg-2: #2f1823; - --bg-3: #131213; - --bg-4: #131213; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #131213; + --background-base-lowest: #131213 !important; + --background-base-lower: #2f1823 !important; + --background-surface-high: #131213 !important; + --chat-background: #131213; + --home-background: #131213; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2f1823 !important; + --background-surface-highest: #472234 !important; + --background-accent: #472234 !important; + /* Text Colors */ - --text-0: #f15c99; - --text-1: #f15c99; - --text-2: #f15c99; - --text-3: #f15c99; - --text-4: #f15c99; - --text-5: #ffbee3; - - /* Popups & Modals - using hex + alpha */ - --hover: #0080801a; - --active: #00808033; - --message-hover: #2f18230a; + --text-default: #f15c99; + --text-strong: #f15c99 !important; + --text-muted: #9b2a46 !important; + --text-subtle: #ffbee3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #81506a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #81506a; + --control-brand-foreground: #81506a; + --text-link: #008080 !important; + + /* Syntax & Status */ + --status-positive: #9ddf69; + --status-warning: #ffcc00; + --status-danger: #b00b69; + --icon-voice-muted: #b00b69; + + /* Scrollbars */ + --scrollbar-thin-thumb: #81506a; + --scrollbar-auto-thumb: #81506a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #131213 !important; + background-color: #81506a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f15c99; + background: #131213; +} +.hljs-keyword { color: #a24030; } +.hljs-string { color: #9ddf69; } +.hljs-number { color: #ff9153; } +.hljs-comment { color: #ffbee3; } + +/* 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. +*/ diff --git a/build/base16-papercolor-dark b/build/base16-papercolor-dark index 276a329..49a2d17 100644 --- a/build/base16-papercolor-dark +++ b/build/base16-papercolor-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5faf5f; /* Green */ - --dnd-indicator: #ff5faf; /* Red */ - --idle-indicator: #ffaf00; /* Yellow */ - --streaming-indicator: #af87d7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5fafd7; /* Blue */ - --accent-2: #00afaf; /* Cyan */ - --accent-3: #00afaf; - --accent-4: #5fafd7; - --accent-5: #ff5faf; - - /* Backgrounds */ - --bg-1: #1c1c1c; - --bg-2: #363636; - --bg-3: #1c1c1c; - --bg-4: #1c1c1c; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c1c1c; + --background-base-lowest: #1c1c1c !important; + --background-base-lower: #363636 !important; + --background-surface-high: #1c1c1c !important; + --chat-background: #1c1c1c; + --home-background: #1c1c1c; + + /* UI Accents & Surfaces */ + --background-surface-higher: #363636 !important; + --background-surface-highest: #424242 !important; + --background-accent: #424242 !important; + /* Text Colors */ - --text-0: #9e9e9e; - --text-1: #9e9e9e; - --text-2: #9e9e9e; - --text-3: #9e9e9e; - --text-4: #9e9e9e; - --text-5: #585858; - - /* Popups & Modals - using hex + alpha */ - --hover: #5fafd71a; - --active: #5fafd733; - --message-hover: #3636360a; + --text-default: #9e9e9e; + --text-strong: #9e9e9e !important; + --text-muted: #808080 !important; + --text-subtle: #585858; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b8b8b8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b8b8b8; + --control-brand-foreground: #b8b8b8; + --text-link: #5fafd7 !important; + + /* Syntax & Status */ + --status-positive: #5faf5f; + --status-warning: #ffaf00; + --status-danger: #ff5faf; + --icon-voice-muted: #ff5faf; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b8b8b8; + --scrollbar-auto-thumb: #b8b8b8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c1c1c !important; + background-color: #b8b8b8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #9e9e9e; + background: #1c1c1c; +} +.hljs-keyword { color: #af87d7; } +.hljs-string { color: #5faf5f; } +.hljs-number { color: #d7af5f; } +.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. +*/ diff --git a/build/base16-papercolor-light b/build/base16-papercolor-light index a2c77bf..71c9b21 100644 --- a/build/base16-papercolor-light +++ b/build/base16-papercolor-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #008700; /* Green */ - --dnd-indicator: #d70000; /* Red */ - --idle-indicator: #d75f00; /* Yellow */ - --streaming-indicator: #8700af; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #005f87; /* Blue */ - --accent-2: #0087af; /* Cyan */ - --accent-3: #0087af; - --accent-4: #005f87; - --accent-5: #d70000; - - /* Backgrounds */ - --bg-1: #eeeeee; - --bg-2: #c4c4c4; - --bg-3: #eeeeee; - --bg-4: #eeeeee; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #eeeeee; + --background-base-lowest: #eeeeee !important; + --background-base-lower: #c4c4c4 !important; + --background-surface-high: #eeeeee !important; + --chat-background: #eeeeee; + --home-background: #eeeeee; + + /* UI Accents & Surfaces */ + --background-surface-higher: #c4c4c4 !important; + --background-surface-highest: #9e9e9e !important; + --background-accent: #9e9e9e !important; + /* Text Colors */ - --text-0: #5e5e5e; - --text-1: #5e5e5e; - --text-2: #5e5e5e; - --text-3: #5e5e5e; - --text-4: #5e5e5e; - --text-5: #858585; - - /* Popups & Modals - using hex + alpha */ - --hover: #005f871a; - --active: #005f8733; - --message-hover: #c4c4c40a; + --text-default: #5e5e5e; + --text-strong: #5e5e5e !important; + --text-muted: #6b6b6b !important; + --text-subtle: #858585; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #525252 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #525252; + --control-brand-foreground: #525252; + --text-link: #005f87 !important; + + /* Syntax & Status */ + --status-positive: #008700; + --status-warning: #d75f00; + --status-danger: #d70000; + --icon-voice-muted: #d70000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #525252; + --scrollbar-auto-thumb: #525252; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #eeeeee !important; + background-color: #525252 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #5e5e5e; + background: #eeeeee; +} +.hljs-keyword { color: #8700af; } +.hljs-string { color: #008700; } +.hljs-number { color: #d75f00; } +.hljs-comment { color: #858585; } + +/* 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. +*/ diff --git a/build/base16-paraiso b/build/base16-paraiso index 2809a14..43f7d43 100644 --- a/build/base16-paraiso +++ b/build/base16-paraiso @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #48b685; /* Green */ - --dnd-indicator: #ef6155; /* Red */ - --idle-indicator: #fec418; /* Yellow */ - --streaming-indicator: #815ba4; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #06b6ef; /* Blue */ - --accent-2: #5bc4bf; /* Cyan */ - --accent-3: #5bc4bf; - --accent-4: #06b6ef; - --accent-5: #ef6155; - - /* Backgrounds */ - --bg-1: #2f1e2e; - --bg-2: #41323f; - --bg-3: #2f1e2e; - --bg-4: #2f1e2e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2f1e2e; + --background-base-lowest: #2f1e2e !important; + --background-base-lower: #41323f !important; + --background-surface-high: #2f1e2e !important; + --chat-background: #2f1e2e; + --home-background: #2f1e2e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #41323f !important; + --background-surface-highest: #4f424c !important; + --background-accent: #4f424c !important; + /* Text Colors */ - --text-0: #a39e9b; - --text-1: #a39e9b; - --text-2: #a39e9b; - --text-3: #a39e9b; - --text-4: #a39e9b; - --text-5: #776e71; - - /* Popups & Modals - using hex + alpha */ - --hover: #06b6ef1a; - --active: #06b6ef33; - --message-hover: #41323f0a; + --text-default: #a39e9b; + --text-strong: #a39e9b !important; + --text-muted: #8d8687 !important; + --text-subtle: #776e71; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b9b6b0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b9b6b0; + --control-brand-foreground: #b9b6b0; + --text-link: #06b6ef !important; + + /* Syntax & Status */ + --status-positive: #48b685; + --status-warning: #fec418; + --status-danger: #ef6155; + --icon-voice-muted: #ef6155; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b9b6b0; + --scrollbar-auto-thumb: #b9b6b0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2f1e2e !important; + background-color: #b9b6b0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a39e9b; + background: #2f1e2e; +} +.hljs-keyword { color: #815ba4; } +.hljs-string { color: #48b685; } +.hljs-number { color: #f99b15; } +.hljs-comment { color: #776e71; } + +/* 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. +*/ diff --git a/build/base16-pasque b/build/base16-pasque index 9c4b575..ec10bbc 100644 --- a/build/base16-pasque +++ b/build/base16-pasque @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #c6914b; /* Green */ - --dnd-indicator: #a92258; /* Red */ - --idle-indicator: #804ead; /* Yellow */ - --streaming-indicator: #953b9d; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8e7dc6; /* Blue */ - --accent-2: #7263aa; /* Cyan */ - --accent-3: #7263aa; - --accent-4: #8e7dc6; - --accent-5: #a92258; - - /* Backgrounds */ - --bg-1: #271c3a; - --bg-2: #100323; - --bg-3: #271c3a; - --bg-4: #271c3a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #271c3a; + --background-base-lowest: #271c3a !important; + --background-base-lower: #100323 !important; + --background-surface-high: #271c3a !important; + --chat-background: #271c3a; + --home-background: #271c3a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #100323 !important; + --background-surface-highest: #3e2d5c !important; + --background-accent: #3e2d5c !important; + /* Text Colors */ - --text-0: #dedcdf; - --text-1: #dedcdf; - --text-2: #dedcdf; - --text-3: #dedcdf; - --text-4: #dedcdf; - --text-5: #5d5766; - - /* Popups & Modals - using hex + alpha */ - --hover: #8e7dc61a; - --active: #8e7dc633; - --message-hover: #1003230a; + --text-default: #dedcdf; + --text-strong: #dedcdf !important; + --text-muted: #bebcbf !important; + --text-subtle: #5d5766; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #edeaef !important; /* This was Pink (#f5c2e7) */ + --text-brand: #edeaef; + --control-brand-foreground: #edeaef; + --text-link: #8e7dc6 !important; + + /* Syntax & Status */ + --status-positive: #c6914b; + --status-warning: #804ead; + --status-danger: #a92258; + --icon-voice-muted: #a92258; + + /* Scrollbars */ + --scrollbar-thin-thumb: #edeaef; + --scrollbar-auto-thumb: #edeaef; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #271c3a !important; + background-color: #edeaef !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dedcdf; + background: #271c3a; +} +.hljs-keyword { color: #953b9d; } +.hljs-string { color: #c6914b; } +.hljs-number { color: #918889; } +.hljs-comment { color: #5d5766; } + +/* 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. +*/ diff --git a/build/base16-penumbra-dark b/build/base16-penumbra-dark index b1d8032..e0ef8c4 100644 --- a/build/base16-penumbra-dark +++ b/build/base16-penumbra-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #47a477; /* Green */ - --dnd-indicator: #ca736c; /* Red */ - --idle-indicator: #8d9741; /* Yellow */ - --streaming-indicator: #9481cc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5794d0; /* Blue */ - --accent-2: #00a2af; /* Cyan */ - --accent-3: #00a2af; - --accent-4: #5794d0; - --accent-5: #ca736c; - - /* Backgrounds */ - --bg-1: #24272b; - --bg-2: #303338; - --bg-3: #24272b; - --bg-4: #24272b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #24272b; + --background-base-lowest: #24272b !important; + --background-base-lower: #303338 !important; + --background-surface-high: #24272b !important; + --chat-background: #24272b; + --home-background: #24272b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #303338 !important; + --background-surface-highest: #3e4044 !important; + --background-accent: #3e4044 !important; + /* Text Colors */ - --text-0: #bebebe; - --text-1: #bebebe; - --text-2: #bebebe; - --text-3: #bebebe; - --text-4: #bebebe; - --text-5: #636363; - - /* Popups & Modals - using hex + alpha */ - --hover: #5794d01a; - --active: #5794d033; - --message-hover: #3033380a; + --text-default: #bebebe; + --text-strong: #bebebe !important; + --text-muted: #8f8f8f !important; + --text-subtle: #636363; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fff7ed !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fff7ed; + --control-brand-foreground: #fff7ed; + --text-link: #5794d0 !important; + + /* Syntax & Status */ + --status-positive: #47a477; + --status-warning: #8d9741; + --status-danger: #ca736c; + --icon-voice-muted: #ca736c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fff7ed; + --scrollbar-auto-thumb: #fff7ed; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #24272b !important; + background-color: #fff7ed !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #bebebe; + background: #24272b; +} +.hljs-keyword { color: #9481cc; } +.hljs-string { color: #47a477; } +.hljs-number { color: #ba823a; } +.hljs-comment { color: #636363; } + +/* 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. +*/ diff --git a/build/base16-penumbra-dark-contrast-plus b/build/base16-penumbra-dark-contrast-plus index 1fa7318..497ffe3 100644 --- a/build/base16-penumbra-dark-contrast-plus +++ b/build/base16-penumbra-dark-contrast-plus @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #50b584; /* Green */ - --dnd-indicator: #df7f78; /* Red */ - --idle-indicator: #9ca748; /* Yellow */ - --streaming-indicator: #a48fe1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #61a3e6; /* Blue */ - --accent-2: #00b3c2; /* Cyan */ - --accent-3: #00b3c2; - --accent-4: #61a3e6; - --accent-5: #df7f78; - - /* Backgrounds */ - --bg-1: #181b1f; - --bg-2: #24272b; - --bg-3: #181b1f; - --bg-4: #181b1f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #181b1f; + --background-base-lowest: #181b1f !important; + --background-base-lower: #24272b !important; + --background-surface-high: #181b1f !important; + --chat-background: #181b1f; + --home-background: #181b1f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #24272b !important; + --background-surface-highest: #3e4044 !important; + --background-accent: #3e4044 !important; + /* Text Colors */ - --text-0: #cecece; - --text-1: #cecece; - --text-2: #cecece; - --text-3: #cecece; - --text-4: #cecece; - --text-5: #636363; - - /* Popups & Modals - using hex + alpha */ - --hover: #61a3e61a; - --active: #61a3e633; - --message-hover: #24272b0a; + --text-default: #cecece; + --text-strong: #cecece !important; + --text-muted: #9e9e9e !important; + --text-subtle: #636363; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fff7ed !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fff7ed; + --control-brand-foreground: #fff7ed; + --text-link: #61a3e6 !important; + + /* Syntax & Status */ + --status-positive: #50b584; + --status-warning: #9ca748; + --status-danger: #df7f78; + --icon-voice-muted: #df7f78; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fff7ed; + --scrollbar-auto-thumb: #fff7ed; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #181b1f !important; + background-color: #fff7ed !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cecece; + background: #181b1f; +} +.hljs-keyword { color: #a48fe1; } +.hljs-string { color: #50b584; } +.hljs-number { color: #ce9042; } +.hljs-comment { color: #636363; } + +/* 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. +*/ diff --git a/build/base16-penumbra-dark-contrast-plus-plus b/build/base16-penumbra-dark-contrast-plus-plus index 8901da9..77b4f15 100644 --- a/build/base16-penumbra-dark-contrast-plus-plus +++ b/build/base16-penumbra-dark-contrast-plus-plus @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #54c794; /* Green */ - --dnd-indicator: #f58c81; /* Red */ - --idle-indicator: #a9b852; /* Yellow */ - --streaming-indicator: #b69cf6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6eb2fd; /* Blue */ - --accent-2: #00c4d7; /* Cyan */ - --accent-3: #00c4d7; - --accent-4: #6eb2fd; - --accent-5: #f58c81; - - /* Backgrounds */ - --bg-1: #0d0f13; - --bg-2: #181b1f; - --bg-3: #0d0f13; - --bg-4: #0d0f13; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0d0f13; + --background-base-lowest: #0d0f13 !important; + --background-base-lower: #181b1f !important; + --background-surface-high: #0d0f13 !important; + --chat-background: #0d0f13; + --home-background: #0d0f13; + + /* UI Accents & Surfaces */ + --background-surface-higher: #181b1f !important; + --background-surface-highest: #3e4044 !important; + --background-accent: #3e4044 !important; + /* Text Colors */ - --text-0: #dedede; - --text-1: #dedede; - --text-2: #dedede; - --text-3: #dedede; - --text-4: #dedede; - --text-5: #636363; - - /* Popups & Modals - using hex + alpha */ - --hover: #6eb2fd1a; - --active: #6eb2fd33; - --message-hover: #181b1f0a; + --text-default: #dedede; + --text-strong: #dedede !important; + --text-muted: #aeaeae !important; + --text-subtle: #636363; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #fff7ed !important; /* This was Pink (#f5c2e7) */ + --text-brand: #fff7ed; + --control-brand-foreground: #fff7ed; + --text-link: #6eb2fd !important; + + /* Syntax & Status */ + --status-positive: #54c794; + --status-warning: #a9b852; + --status-danger: #f58c81; + --icon-voice-muted: #f58c81; + + /* Scrollbars */ + --scrollbar-thin-thumb: #fff7ed; + --scrollbar-auto-thumb: #fff7ed; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0d0f13 !important; + background-color: #fff7ed !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dedede; + background: #0d0f13; +} +.hljs-keyword { color: #b69cf6; } +.hljs-string { color: #54c794; } +.hljs-number { color: #e09f47; } +.hljs-comment { color: #636363; } + +/* 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. +*/ diff --git a/build/base16-penumbra-light b/build/base16-penumbra-light index de8f45b..a4e929c 100644 --- a/build/base16-penumbra-light +++ b/build/base16-penumbra-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #47a477; /* Green */ - --dnd-indicator: #ca736c; /* Red */ - --idle-indicator: #8d9741; /* Yellow */ - --streaming-indicator: #9481cc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5794d0; /* Blue */ - --accent-2: #00a2af; /* Cyan */ - --accent-3: #00a2af; - --accent-4: #5794d0; - --accent-5: #ca736c; - - /* Backgrounds */ - --bg-1: #fffdfb; - --bg-2: #fff7ed; - --bg-3: #fffdfb; - --bg-4: #fffdfb; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fffdfb; + --background-base-lowest: #fffdfb !important; + --background-base-lower: #fff7ed !important; + --background-surface-high: #fffdfb !important; + --chat-background: #fffdfb; + --home-background: #fffdfb; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fff7ed !important; + --background-surface-highest: #f2e6d4 !important; + --background-accent: #f2e6d4 !important; + /* Text Colors */ - --text-0: #636363; - --text-1: #636363; - --text-2: #636363; - --text-3: #636363; - --text-4: #636363; - --text-5: #bebebe; - - /* Popups & Modals - using hex + alpha */ - --hover: #5794d01a; - --active: #5794d033; - --message-hover: #fff7ed0a; + --text-default: #636363; + --text-strong: #636363 !important; + --text-muted: #8f8f8f !important; + --text-subtle: #bebebe; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #303338 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #303338; + --control-brand-foreground: #303338; + --text-link: #5794d0 !important; + + /* Syntax & Status */ + --status-positive: #47a477; + --status-warning: #8d9741; + --status-danger: #ca736c; + --icon-voice-muted: #ca736c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #303338; + --scrollbar-auto-thumb: #303338; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fffdfb !important; + background-color: #303338 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #636363; + background: #fffdfb; +} +.hljs-keyword { color: #9481cc; } +.hljs-string { color: #47a477; } +.hljs-number { color: #ba823a; } +.hljs-comment { color: #bebebe; } + +/* 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. +*/ diff --git a/build/base16-penumbra-light-contrast-plus b/build/base16-penumbra-light-contrast-plus index 72a7726..0801b0d 100644 --- a/build/base16-penumbra-light-contrast-plus +++ b/build/base16-penumbra-light-contrast-plus @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #50b584; /* Green */ - --dnd-indicator: #df7f78; /* Red */ - --idle-indicator: #9ca748; /* Yellow */ - --streaming-indicator: #a48fe1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #61a3e6; /* Blue */ - --accent-2: #00b3c2; /* Cyan */ - --accent-3: #00b3c2; - --accent-4: #61a3e6; - --accent-5: #df7f78; - - /* Backgrounds */ - --bg-1: #fffdfb; - --bg-2: #fff7ed; - --bg-3: #fffdfb; - --bg-4: #fffdfb; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fffdfb; + --background-base-lowest: #fffdfb !important; + --background-base-lower: #fff7ed !important; + --background-surface-high: #fffdfb !important; + --chat-background: #fffdfb; + --home-background: #fffdfb; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fff7ed !important; + --background-surface-highest: #f2e6d4 !important; + --background-accent: #f2e6d4 !important; + /* Text Colors */ - --text-0: #636363; - --text-1: #636363; - --text-2: #636363; - --text-3: #636363; - --text-4: #636363; - --text-5: #cecece; - - /* Popups & Modals - using hex + alpha */ - --hover: #61a3e61a; - --active: #61a3e633; - --message-hover: #fff7ed0a; + --text-default: #636363; + --text-strong: #636363 !important; + --text-muted: #9e9e9e !important; + --text-subtle: #cecece; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #24272b !important; /* This was Pink (#f5c2e7) */ + --text-brand: #24272b; + --control-brand-foreground: #24272b; + --text-link: #61a3e6 !important; + + /* Syntax & Status */ + --status-positive: #50b584; + --status-warning: #9ca748; + --status-danger: #df7f78; + --icon-voice-muted: #df7f78; + + /* Scrollbars */ + --scrollbar-thin-thumb: #24272b; + --scrollbar-auto-thumb: #24272b; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fffdfb !important; + background-color: #24272b !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #636363; + background: #fffdfb; +} +.hljs-keyword { color: #a48fe1; } +.hljs-string { color: #50b584; } +.hljs-number { color: #ce9042; } +.hljs-comment { color: #cecece; } + +/* 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. +*/ diff --git a/build/base16-penumbra-light-contrast-plus-plus b/build/base16-penumbra-light-contrast-plus-plus index 9b94546..63f7536 100644 --- a/build/base16-penumbra-light-contrast-plus-plus +++ b/build/base16-penumbra-light-contrast-plus-plus @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #54c794; /* Green */ - --dnd-indicator: #f58c81; /* Red */ - --idle-indicator: #a9b852; /* Yellow */ - --streaming-indicator: #b69cf6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6eb2fd; /* Blue */ - --accent-2: #00c4d7; /* Cyan */ - --accent-3: #00c4d7; - --accent-4: #6eb2fd; - --accent-5: #f58c81; - - /* Backgrounds */ - --bg-1: #fffdfb; - --bg-2: #fff7ed; - --bg-3: #fffdfb; - --bg-4: #fffdfb; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fffdfb; + --background-base-lowest: #fffdfb !important; + --background-base-lower: #fff7ed !important; + --background-surface-high: #fffdfb !important; + --chat-background: #fffdfb; + --home-background: #fffdfb; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fff7ed !important; + --background-surface-highest: #f2e6d4 !important; + --background-accent: #f2e6d4 !important; + /* Text Colors */ - --text-0: #636363; - --text-1: #636363; - --text-2: #636363; - --text-3: #636363; - --text-4: #636363; - --text-5: #dedede; - - /* Popups & Modals - using hex + alpha */ - --hover: #6eb2fd1a; - --active: #6eb2fd33; - --message-hover: #fff7ed0a; + --text-default: #636363; + --text-strong: #636363 !important; + --text-muted: #aeaeae !important; + --text-subtle: #dedede; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #181b1f !important; /* This was Pink (#f5c2e7) */ + --text-brand: #181b1f; + --control-brand-foreground: #181b1f; + --text-link: #6eb2fd !important; + + /* Syntax & Status */ + --status-positive: #54c794; + --status-warning: #a9b852; + --status-danger: #f58c81; + --icon-voice-muted: #f58c81; + + /* Scrollbars */ + --scrollbar-thin-thumb: #181b1f; + --scrollbar-auto-thumb: #181b1f; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fffdfb !important; + background-color: #181b1f !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #636363; + background: #fffdfb; +} +.hljs-keyword { color: #b69cf6; } +.hljs-string { color: #54c794; } +.hljs-number { color: #e09f47; } +.hljs-comment { color: #dedede; } + +/* 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. +*/ diff --git a/build/base16-phd b/build/base16-phd index e72f380..73373a7 100644 --- a/build/base16-phd +++ b/build/base16-phd @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #99bf52; /* Green */ - --dnd-indicator: #d07346; /* Red */ - --idle-indicator: #fbd461; /* Yellow */ - --streaming-indicator: #9989cc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5299bf; /* Blue */ - --accent-2: #72b9bf; /* Cyan */ - --accent-3: #72b9bf; - --accent-4: #5299bf; - --accent-5: #d07346; - - /* Backgrounds */ - --bg-1: #061229; - --bg-2: #2a3448; - --bg-3: #061229; - --bg-4: #061229; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #061229; + --background-base-lowest: #061229 !important; + --background-base-lower: #2a3448 !important; + --background-surface-high: #061229 !important; + --chat-background: #061229; + --home-background: #061229; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a3448 !important; + --background-surface-highest: #4d5666 !important; + --background-accent: #4d5666 !important; + /* Text Colors */ - --text-0: #b8bbc2; - --text-1: #b8bbc2; - --text-2: #b8bbc2; - --text-3: #b8bbc2; - --text-4: #b8bbc2; - --text-5: #717885; - - /* Popups & Modals - using hex + alpha */ - --hover: #5299bf1a; - --active: #5299bf33; - --message-hover: #2a34480a; + --text-default: #b8bbc2; + --text-strong: #b8bbc2 !important; + --text-muted: #9a99a3 !important; + --text-subtle: #717885; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dbdde0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dbdde0; + --control-brand-foreground: #dbdde0; + --text-link: #5299bf !important; + + /* Syntax & Status */ + --status-positive: #99bf52; + --status-warning: #fbd461; + --status-danger: #d07346; + --icon-voice-muted: #d07346; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dbdde0; + --scrollbar-auto-thumb: #dbdde0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #061229 !important; + background-color: #dbdde0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b8bbc2; + background: #061229; +} +.hljs-keyword { color: #9989cc; } +.hljs-string { color: #99bf52; } +.hljs-number { color: #f0a000; } +.hljs-comment { color: #717885; } + +/* 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. +*/ diff --git a/build/base16-pico b/build/base16-pico index ab5565b..3748cba 100644 --- a/build/base16-pico +++ b/build/base16-pico @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00e756; /* Green */ - --dnd-indicator: #ff004d; /* Red */ - --idle-indicator: #fff024; /* Yellow */ - --streaming-indicator: #ff77a8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83769c; /* Blue */ - --accent-2: #29adff; /* Cyan */ - --accent-3: #29adff; - --accent-4: #83769c; - --accent-5: #ff004d; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #1d2b53; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #1d2b53 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1d2b53 !important; + --background-surface-highest: #7e2553 !important; + --background-accent: #7e2553 !important; + /* Text Colors */ - --text-0: #5f574f; - --text-1: #5f574f; - --text-2: #5f574f; - --text-3: #5f574f; - --text-4: #5f574f; - --text-5: #008751; - - /* Popups & Modals - using hex + alpha */ - --hover: #83769c1a; - --active: #83769c33; - --message-hover: #1d2b530a; + --text-default: #5f574f; + --text-strong: #5f574f !important; + --text-muted: #ab5236 !important; + --text-subtle: #008751; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c2c3c7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c2c3c7; + --control-brand-foreground: #c2c3c7; + --text-link: #83769c !important; + + /* Syntax & Status */ + --status-positive: #00e756; + --status-warning: #fff024; + --status-danger: #ff004d; + --icon-voice-muted: #ff004d; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c2c3c7; + --scrollbar-auto-thumb: #c2c3c7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #c2c3c7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #5f574f; + background: #000000; +} +.hljs-keyword { color: #ff77a8; } +.hljs-string { color: #00e756; } +.hljs-number { color: #ffa300; } +.hljs-comment { color: #008751; } + +/* 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. +*/ diff --git a/build/base16-pinky b/build/base16-pinky index 39b7936..7f1e5d9 100644 --- a/build/base16-pinky +++ b/build/base16-pinky @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #ff0066; /* Green */ - --dnd-indicator: #ffa600; /* Red */ - --idle-indicator: #20df6c; /* Yellow */ - --streaming-indicator: #007fff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00ffff; /* Blue */ - --accent-2: #6600ff; /* Cyan */ - --accent-3: #6600ff; - --accent-4: #00ffff; - --accent-5: #ffa600; - - /* Backgrounds */ - --bg-1: #171517; - --bg-2: #1b181b; - --bg-3: #171517; - --bg-4: #171517; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #171517; + --background-base-lowest: #171517 !important; + --background-base-lower: #1b181b !important; + --background-surface-high: #171517 !important; + --chat-background: #171517; + --home-background: #171517; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1b181b !important; + --background-surface-highest: #1d1b1d !important; + --background-accent: #1d1b1d !important; + /* Text Colors */ - --text-0: #f5f5f5; - --text-1: #f5f5f5; - --text-2: #f5f5f5; - --text-3: #f5f5f5; - --text-4: #f5f5f5; - --text-5: #383338; - - /* Popups & Modals - using hex + alpha */ - --hover: #00ffff1a; - --active: #00ffff33; - --message-hover: #1b181b0a; + --text-default: #f5f5f5; + --text-strong: #f5f5f5 !important; + --text-muted: #e7dbdb !important; + --text-subtle: #383338; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ffffff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ffffff; + --control-brand-foreground: #ffffff; + --text-link: #00ffff !important; + + /* Syntax & Status */ + --status-positive: #ff0066; + --status-warning: #20df6c; + --status-danger: #ffa600; + --icon-voice-muted: #ffa600; + + /* 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: #171517 !important; + background-color: #ffffff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f5f5f5; + background: #171517; +} +.hljs-keyword { color: #007fff; } +.hljs-string { color: #ff0066; } +.hljs-number { color: #00ff66; } +.hljs-comment { color: #383338; } + +/* 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. +*/ diff --git a/build/base16-pop b/build/base16-pop index 6f0bc11..8e05240 100644 --- a/build/base16-pop +++ b/build/base16-pop @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #37b349; /* Green */ - --dnd-indicator: #eb008a; /* Red */ - --idle-indicator: #f8ca12; /* Yellow */ - --streaming-indicator: #b31e8d; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0e5a94; /* Blue */ - --accent-2: #00aabb; /* Cyan */ - --accent-3: #00aabb; - --accent-4: #0e5a94; - --accent-5: #eb008a; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #202020; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #202020 !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #202020 !important; + --background-surface-highest: #303030 !important; + --background-accent: #303030 !important; + /* Text Colors */ - --text-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #505050; - - /* Popups & Modals - using hex + alpha */ - --hover: #0e5a941a; - --active: #0e5a9433; - --message-hover: #2020200a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b0b0b0 !important; + --text-subtle: #505050; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #0e5a94 !important; + + /* Syntax & Status */ + --status-positive: #37b349; + --status-warning: #f8ca12; + --status-danger: #eb008a; + --icon-voice-muted: #eb008a; + + /* 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: #000000 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d0d0d0; + background: #000000; +} +.hljs-keyword { color: #b31e8d; } +.hljs-string { color: #37b349; } +.hljs-number { color: #f29333; } +.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. +*/ diff --git a/build/base16-porple b/build/base16-porple index 07632fd..dbfcca3 100644 --- a/build/base16-porple +++ b/build/base16-porple @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #95c76f; /* Green */ - --dnd-indicator: #f84547; /* Red */ - --idle-indicator: #efa16b; /* Yellow */ - --streaming-indicator: #b74989; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8485ce; /* Blue */ - --accent-2: #64878f; /* Cyan */ - --accent-3: #64878f; - --accent-4: #8485ce; - --accent-5: #f84547; - - /* Backgrounds */ - --bg-1: #292c36; - --bg-2: #333344; - --bg-3: #292c36; - --bg-4: #292c36; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292c36; + --background-base-lowest: #292c36 !important; + --background-base-lower: #333344 !important; + --background-surface-high: #292c36 !important; + --chat-background: #292c36; + --home-background: #292c36; + + /* UI Accents & Surfaces */ + --background-surface-higher: #333344 !important; + --background-surface-highest: #474160 !important; + --background-accent: #474160 !important; + /* Text Colors */ - --text-0: #d8d8d8; - --text-1: #d8d8d8; - --text-2: #d8d8d8; - --text-3: #d8d8d8; - --text-4: #d8d8d8; - --text-5: #65568a; - - /* Popups & Modals - using hex + alpha */ - --hover: #8485ce1a; - --active: #8485ce33; - --message-hover: #3333440a; + --text-default: #d8d8d8; + --text-strong: #d8d8d8 !important; + --text-muted: #b8b8b8 !important; + --text-subtle: #65568a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #8485ce !important; + + /* Syntax & Status */ + --status-positive: #95c76f; + --status-warning: #efa16b; + --status-danger: #f84547; + --icon-voice-muted: #f84547; + + /* 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: #292c36 !important; + background-color: #e8e8e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d8d8d8; + background: #292c36; +} +.hljs-keyword { color: #b74989; } +.hljs-string { color: #95c76f; } +.hljs-number { color: #d28e5d; } +.hljs-comment { color: #65568a; } + +/* 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. +*/ diff --git a/build/base16-precious-dark-eleven b/build/base16-precious-dark-eleven index f50442f..3d06274 100644 --- a/build/base16-precious-dark-eleven +++ b/build/base16-precious-dark-eleven @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #95b658; /* Green */ - --dnd-indicator: #ff8782; /* Red */ - --idle-indicator: #d0a543; /* Yellow */ - --streaming-indicator: #b799fe; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #68b0ee; /* Blue */ - --accent-2: #42bda7; /* Cyan */ - --accent-3: #42bda7; - --accent-4: #68b0ee; - --accent-5: #ff8782; - - /* Backgrounds */ - --bg-1: #1c1e20; - --bg-2: #292b2d; - --bg-3: #1c1e20; - --bg-4: #1c1e20; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c1e20; + --background-base-lowest: #1c1e20 !important; + --background-base-lower: #292b2d !important; + --background-surface-high: #1c1e20 !important; + --chat-background: #1c1e20; + --home-background: #1c1e20; + + /* UI Accents & Surfaces */ + --background-surface-higher: #292b2d !important; + --background-surface-highest: #37393a !important; + --background-accent: #37393a !important; + /* Text Colors */ - --text-0: #b8b7b6; - --text-1: #b8b7b6; - --text-2: #b8b7b6; - --text-3: #b8b7b6; - --text-4: #b8b7b6; - --text-5: #858585; - - /* Popups & Modals - using hex + alpha */ - --hover: #68b0ee1a; - --active: #68b0ee33; - --message-hover: #292b2d0a; + --text-default: #b8b7b6; + --text-strong: #b8b7b6 !important; + --text-muted: #a8a8a7 !important; + --text-subtle: #858585; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b8b7b6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b8b7b6; + --control-brand-foreground: #b8b7b6; + --text-link: #68b0ee !important; + + /* Syntax & Status */ + --status-positive: #95b658; + --status-warning: #d0a543; + --status-danger: #ff8782; + --icon-voice-muted: #ff8782; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b8b7b6; + --scrollbar-auto-thumb: #b8b7b6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c1e20 !important; + background-color: #b8b7b6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b8b7b6; + background: #1c1e20; +} +.hljs-keyword { color: #b799fe; } +.hljs-string { color: #95b658; } +.hljs-number { color: #ea9755; } +.hljs-comment { color: #858585; } + +/* 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. +*/ diff --git a/build/base16-precious-dark-fifteen b/build/base16-precious-dark-fifteen index 8c50dce..e95f10b 100644 --- a/build/base16-precious-dark-fifteen +++ b/build/base16-precious-dark-fifteen @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #95b659; /* Green */ - --dnd-indicator: #ff8782; /* Red */ - --idle-indicator: #cfa546; /* Yellow */ - --streaming-indicator: #b799ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #66b0ef; /* Blue */ - --accent-2: #42bda7; /* Cyan */ - --accent-3: #42bda7; - --accent-4: #66b0ef; - --accent-5: #ff8782; - - /* Backgrounds */ - --bg-1: #23262b; - --bg-2: #303337; - --bg-3: #23262b; - --bg-4: #23262b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #23262b; + --background-base-lowest: #23262b !important; + --background-base-lower: #303337 !important; + --background-surface-high: #23262b !important; + --chat-background: #23262b; + --home-background: #23262b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #303337 !important; + --background-surface-highest: #3e4044 !important; + --background-accent: #3e4044 !important; + /* Text Colors */ - --text-0: #bab9b6; - --text-1: #bab9b6; - --text-2: #bab9b6; - --text-3: #bab9b6; - --text-4: #bab9b6; - --text-5: #898989; - - /* Popups & Modals - using hex + alpha */ - --hover: #66b0ef1a; - --active: #66b0ef33; - --message-hover: #3033370a; + --text-default: #bab9b6; + --text-strong: #bab9b6 !important; + --text-muted: #abaaa8 !important; + --text-subtle: #898989; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #bab9b6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #bab9b6; + --control-brand-foreground: #bab9b6; + --text-link: #66b0ef !important; + + /* Syntax & Status */ + --status-positive: #95b659; + --status-warning: #cfa546; + --status-danger: #ff8782; + --icon-voice-muted: #ff8782; + + /* Scrollbars */ + --scrollbar-thin-thumb: #bab9b6; + --scrollbar-auto-thumb: #bab9b6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #23262b !important; + background-color: #bab9b6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #bab9b6; + background: #23262b; +} +.hljs-keyword { color: #b799ff; } +.hljs-string { color: #95b659; } +.hljs-number { color: #e99857; } +.hljs-comment { color: #898989; } + +/* 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. +*/ diff --git a/build/base16-precious-light-warm b/build/base16-precious-light-warm index 9cfe1ed..9d366be 100644 --- a/build/base16-precious-light-warm +++ b/build/base16-precious-light-warm @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #557300; /* Green */ - --dnd-indicator: #b14745; /* Red */ - --idle-indicator: #876500; /* Yellow */ - --streaming-indicator: #7a50c6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #246da5; /* Blue */ - --accent-2: #0e7767; /* Cyan */ - --accent-3: #0e7767; - --accent-4: #246da5; - --accent-5: #b14745; - - /* Backgrounds */ - --bg-1: #fff5e5; - --bg-2: #ece4d6; - --bg-3: #fff5e5; - --bg-4: #fff5e5; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fff5e5; + --background-base-lowest: #fff5e5 !important; + --background-base-lower: #ece4d6 !important; + --background-surface-high: #fff5e5 !important; + --chat-background: #fff5e5; + --home-background: #fff5e5; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ece4d6 !important; + --background-surface-highest: #d9d3c8 !important; + --background-accent: #d9d3c8 !important; + /* Text Colors */ - --text-0: #4e5359; - --text-1: #4e5359; - --text-2: #4e5359; - --text-3: #4e5359; - --text-4: #4e5359; - --text-5: #7f8080; - - /* Popups & Modals - using hex + alpha */ - --hover: #246da51a; - --active: #246da533; - --message-hover: #ece4d60a; + --text-default: #4e5359; + --text-strong: #4e5359 !important; + --text-muted: #5d6065 !important; + --text-subtle: #7f8080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #4e5359 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #4e5359; + --control-brand-foreground: #4e5359; + --text-link: #246da5 !important; + + /* Syntax & Status */ + --status-positive: #557300; + --status-warning: #876500; + --status-danger: #b14745; + --icon-voice-muted: #b14745; + + /* Scrollbars */ + --scrollbar-thin-thumb: #4e5359; + --scrollbar-auto-thumb: #4e5359; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fff5e5 !important; + background-color: #4e5359 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #4e5359; + background: #fff5e5; +} +.hljs-keyword { color: #7a50c6; } +.hljs-string { color: #557300; } +.hljs-number { color: #a25600; } +.hljs-comment { color: #7f8080; } + +/* 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. +*/ diff --git a/build/base16-precious-light-white b/build/base16-precious-light-white index f650298..0b42f35 100644 --- a/build/base16-precious-light-white +++ b/build/base16-precious-light-white @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #557301; /* Green */ - --dnd-indicator: #af4947; /* Red */ - --idle-indicator: #876500; /* Yellow */ - --streaming-indicator: #7b4ecb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #186daa; /* Blue */ - --accent-2: #087767; /* Cyan */ - --accent-3: #087767; - --accent-4: #186daa; - --accent-5: #af4947; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #ededed; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #ffffff; + --background-base-lowest: #ffffff !important; + --background-base-lower: #ededed !important; + --background-surface-high: #ffffff !important; + --chat-background: #ffffff; + --home-background: #ffffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ededed !important; + --background-surface-highest: #dbdbdb !important; + --background-accent: #dbdbdb !important; + /* Text Colors */ - --text-0: #555555; - --text-1: #555555; - --text-2: #555555; - --text-3: #555555; - --text-4: #555555; - --text-5: #848484; - - /* Popups & Modals - using hex + alpha */ - --hover: #186daa1a; - --active: #186daa33; - --message-hover: #ededed0a; + --text-default: #555555; + --text-strong: #555555 !important; + --text-muted: #636363 !important; + --text-subtle: #848484; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #555555 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #555555; + --control-brand-foreground: #555555; + --text-link: #186daa !important; + + /* Syntax & Status */ + --status-positive: #557301; + --status-warning: #876500; + --status-danger: #af4947; + --icon-voice-muted: #af4947; + + /* Scrollbars */ + --scrollbar-thin-thumb: #555555; + --scrollbar-auto-thumb: #555555; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #555555 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #555555; + background: #ffffff; +} +.hljs-keyword { color: #7b4ecb; } +.hljs-string { color: #557301; } +.hljs-number { color: #a0570d; } +.hljs-comment { color: #848484; } + +/* 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. +*/ diff --git a/build/base16-primer-dark b/build/base16-primer-dark index e92925d..4d0a41a 100644 --- a/build/base16-primer-dark +++ b/build/base16-primer-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #3fb950; /* Green */ - --dnd-indicator: #ff7b72; /* Red */ - --idle-indicator: #d29922; /* Yellow */ - --streaming-indicator: #f778ba; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #58a6ff; /* Blue */ - --accent-2: #a5d6ff; /* Cyan */ - --accent-3: #a5d6ff; - --accent-4: #58a6ff; - --accent-5: #ff7b72; - - /* Backgrounds */ - --bg-1: #010409; - --bg-2: #21262d; - --bg-3: #010409; - --bg-4: #010409; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #010409; + --background-base-lowest: #010409 !important; + --background-base-lower: #21262d !important; + --background-surface-high: #010409 !important; + --chat-background: #010409; + --home-background: #010409; + + /* UI Accents & Surfaces */ + --background-surface-higher: #21262d !important; + --background-surface-highest: #30363d !important; + --background-accent: #30363d !important; + /* Text Colors */ - --text-0: #b1bac4; - --text-1: #b1bac4; - --text-2: #b1bac4; - --text-3: #b1bac4; - --text-4: #b1bac4; - --text-5: #484f58; - - /* Popups & Modals - using hex + alpha */ - --hover: #58a6ff1a; - --active: #58a6ff33; - --message-hover: #21262d0a; + --text-default: #b1bac4; + --text-strong: #b1bac4 !important; + --text-muted: #8b949e !important; + --text-subtle: #484f58; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c9d1d9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c9d1d9; + --control-brand-foreground: #c9d1d9; + --text-link: #58a6ff !important; + + /* Syntax & Status */ + --status-positive: #3fb950; + --status-warning: #d29922; + --status-danger: #ff7b72; + --icon-voice-muted: #ff7b72; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c9d1d9; + --scrollbar-auto-thumb: #c9d1d9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #010409 !important; + background-color: #c9d1d9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b1bac4; + background: #010409; +} +.hljs-keyword { color: #f778ba; } +.hljs-string { color: #3fb950; } +.hljs-number { color: #f0883e; } +.hljs-comment { color: #484f58; } + +/* 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. +*/ diff --git a/build/base16-primer-dark-dimmed b/build/base16-primer-dark-dimmed index 1404ece..235c267 100644 --- a/build/base16-primer-dark-dimmed +++ b/build/base16-primer-dark-dimmed @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #57ab5a; /* Green */ - --dnd-indicator: #f47067; /* Red */ - --idle-indicator: #c69026; /* Yellow */ - --streaming-indicator: #e275ad; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #539bf5; /* Blue */ - --accent-2: #96d0ff; /* Cyan */ - --accent-3: #96d0ff; - --accent-4: #539bf5; - --accent-5: #f47067; - - /* Backgrounds */ - --bg-1: #1c2128; - --bg-2: #373e47; - --bg-3: #1c2128; - --bg-4: #1c2128; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c2128; + --background-base-lowest: #1c2128 !important; + --background-base-lower: #373e47 !important; + --background-surface-high: #1c2128 !important; + --chat-background: #1c2128; + --home-background: #1c2128; + + /* UI Accents & Surfaces */ + --background-surface-higher: #373e47 !important; + --background-surface-highest: #444c56 !important; + --background-accent: #444c56 !important; + /* Text Colors */ - --text-0: #909dab; - --text-1: #909dab; - --text-2: #909dab; - --text-3: #909dab; - --text-4: #909dab; - --text-5: #545d68; - - /* Popups & Modals - using hex + alpha */ - --hover: #539bf51a; - --active: #539bf533; - --message-hover: #373e470a; + --text-default: #909dab; + --text-strong: #909dab !important; + --text-muted: #768390 !important; + --text-subtle: #545d68; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #adbac7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #adbac7; + --control-brand-foreground: #adbac7; + --text-link: #539bf5 !important; + + /* Syntax & Status */ + --status-positive: #57ab5a; + --status-warning: #c69026; + --status-danger: #f47067; + --icon-voice-muted: #f47067; + + /* Scrollbars */ + --scrollbar-thin-thumb: #adbac7; + --scrollbar-auto-thumb: #adbac7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c2128 !important; + background-color: #adbac7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #909dab; + background: #1c2128; +} +.hljs-keyword { color: #e275ad; } +.hljs-string { color: #57ab5a; } +.hljs-number { color: #e0823d; } +.hljs-comment { color: #545d68; } + +/* 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. +*/ diff --git a/build/base16-primer-light b/build/base16-primer-light index 7799cbe..28f11cd 100644 --- a/build/base16-primer-light +++ b/build/base16-primer-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #28a745; /* Green */ - --dnd-indicator: #d73a49; /* Red */ - --idle-indicator: #ffd33d; /* Yellow */ - --streaming-indicator: #ea4aaa; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0366d6; /* Blue */ - --accent-2: #79b8ff; /* Cyan */ - --accent-3: #79b8ff; - --accent-4: #0366d6; - --accent-5: #d73a49; - - /* Backgrounds */ - --bg-1: #fafbfc; - --bg-2: #e1e4e8; - --bg-3: #fafbfc; - --bg-4: #fafbfc; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fafbfc; + --background-base-lowest: #fafbfc !important; + --background-base-lower: #e1e4e8 !important; + --background-surface-high: #fafbfc !important; + --chat-background: #fafbfc; + --home-background: #fafbfc; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e1e4e8 !important; + --background-surface-highest: #d1d5da !important; + --background-accent: #d1d5da !important; + /* Text Colors */ - --text-0: #2f363d; - --text-1: #2f363d; - --text-2: #2f363d; - --text-3: #2f363d; - --text-4: #2f363d; - --text-5: #959da5; - - /* Popups & Modals - using hex + alpha */ - --hover: #0366d61a; - --active: #0366d633; - --message-hover: #e1e4e80a; + --text-default: #2f363d; + --text-strong: #2f363d !important; + --text-muted: #444d56 !important; + --text-subtle: #959da5; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #24292e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #24292e; + --control-brand-foreground: #24292e; + --text-link: #0366d6 !important; + + /* Syntax & Status */ + --status-positive: #28a745; + --status-warning: #ffd33d; + --status-danger: #d73a49; + --icon-voice-muted: #d73a49; + + /* Scrollbars */ + --scrollbar-thin-thumb: #24292e; + --scrollbar-auto-thumb: #24292e; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fafbfc !important; + background-color: #24292e !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #2f363d; + background: #fafbfc; +} +.hljs-keyword { color: #ea4aaa; } +.hljs-string { color: #28a745; } +.hljs-number { color: #f66a0a; } +.hljs-comment { color: #959da5; } + +/* 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. +*/ diff --git a/build/base16-purpledream b/build/base16-purpledream index 363a320..8b5a993 100644 --- a/build/base16-purpledream +++ b/build/base16-purpledream @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #14cc64; /* Green */ - --dnd-indicator: #ff1d0d; /* Red */ - --idle-indicator: #f000a0; /* Yellow */ - --streaming-indicator: #b000d0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00a0f0; /* Blue */ - --accent-2: #0075b0; /* Cyan */ - --accent-3: #0075b0; - --accent-4: #00a0f0; - --accent-5: #ff1d0d; - - /* Backgrounds */ - --bg-1: #100510; - --bg-2: #302030; - --bg-3: #100510; - --bg-4: #100510; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #100510; + --background-base-lowest: #100510 !important; + --background-base-lower: #302030 !important; + --background-surface-high: #100510 !important; + --chat-background: #100510; + --home-background: #100510; + + /* UI Accents & Surfaces */ + --background-surface-higher: #302030 !important; + --background-surface-highest: #403040 !important; + --background-accent: #403040 !important; + /* Text Colors */ - --text-0: #ddd0dd; - --text-1: #ddd0dd; - --text-2: #ddd0dd; - --text-3: #ddd0dd; - --text-4: #ddd0dd; - --text-5: #605060; - - /* Popups & Modals - using hex + alpha */ - --hover: #00a0f01a; - --active: #00a0f033; - --message-hover: #3020300a; + --text-default: #ddd0dd; + --text-strong: #ddd0dd !important; + --text-muted: #bbb0bb !important; + --text-subtle: #605060; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eee0ee !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eee0ee; + --control-brand-foreground: #eee0ee; + --text-link: #00a0f0 !important; + + /* Syntax & Status */ + --status-positive: #14cc64; + --status-warning: #f000a0; + --status-danger: #ff1d0d; + --icon-voice-muted: #ff1d0d; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eee0ee; + --scrollbar-auto-thumb: #eee0ee; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #100510 !important; + background-color: #eee0ee !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ddd0dd; + background: #100510; +} +.hljs-keyword { color: #b000d0; } +.hljs-string { color: #14cc64; } +.hljs-number { color: #ccae14; } +.hljs-comment { color: #605060; } + +/* 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. +*/ diff --git a/build/base16-qualia b/build/base16-qualia index 3d5967f..9139628 100644 --- a/build/base16-qualia +++ b/build/base16-qualia @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #80c990; /* Green */ - --dnd-indicator: #efa6a2; /* Red */ - --idle-indicator: #e6a3dc; /* Yellow */ - --streaming-indicator: #e0af85; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #50cacd; /* Blue */ - --accent-2: #c8c874; /* Cyan */ - --accent-3: #c8c874; - --accent-4: #50cacd; - --accent-5: #efa6a2; - - /* Backgrounds */ - --bg-1: #101010; - --bg-2: #454545; - --bg-3: #101010; - --bg-4: #101010; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #101010; + --background-base-lowest: #101010 !important; + --background-base-lower: #454545 !important; + --background-surface-high: #101010 !important; + --chat-background: #101010; + --home-background: #101010; + + /* UI Accents & Surfaces */ + --background-surface-higher: #454545 !important; + --background-surface-highest: #454545 !important; + --background-accent: #454545 !important; + /* Text Colors */ - --text-0: #c0c0c0; - --text-1: #c0c0c0; - --text-2: #c0c0c0; - --text-3: #c0c0c0; - --text-4: #c0c0c0; - --text-5: #454545; - - /* Popups & Modals - using hex + alpha */ - --hover: #50cacd1a; - --active: #50cacd33; - --message-hover: #4545450a; + --text-default: #c0c0c0; + --text-strong: #c0c0c0 !important; + --text-muted: #808080 !important; + --text-subtle: #454545; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c0c0c0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c0c0c0; + --control-brand-foreground: #c0c0c0; + --text-link: #50cacd !important; + + /* Syntax & Status */ + --status-positive: #80c990; + --status-warning: #e6a3dc; + --status-danger: #efa6a2; + --icon-voice-muted: #efa6a2; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c0c0c0; + --scrollbar-auto-thumb: #c0c0c0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #101010 !important; + background-color: #c0c0c0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c0c0; + background: #101010; +} +.hljs-keyword { color: #e0af85; } +.hljs-string { color: #80c990; } +.hljs-number { color: #a3b8ef; } +.hljs-comment { color: #454545; } + +/* 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. +*/ diff --git a/build/base16-railscasts b/build/base16-railscasts index 24cdde6..9ef3f70 100644 --- a/build/base16-railscasts +++ b/build/base16-railscasts @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a5c261; /* Green */ - --dnd-indicator: #da4939; /* Red */ - --idle-indicator: #ffc66d; /* Yellow */ - --streaming-indicator: #b6b3eb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6d9cbe; /* Blue */ - --accent-2: #519f50; /* Cyan */ - --accent-3: #519f50; - --accent-4: #6d9cbe; - --accent-5: #da4939; - - /* Backgrounds */ - --bg-1: #2b2b2b; - --bg-2: #272935; - --bg-3: #2b2b2b; - --bg-4: #2b2b2b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2b2b2b; + --background-base-lowest: #2b2b2b !important; + --background-base-lower: #272935 !important; + --background-surface-high: #2b2b2b !important; + --chat-background: #2b2b2b; + --home-background: #2b2b2b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #272935 !important; + --background-surface-highest: #3a4055 !important; + --background-accent: #3a4055 !important; + /* Text Colors */ - --text-0: #e6e1dc; - --text-1: #e6e1dc; - --text-2: #e6e1dc; - --text-3: #e6e1dc; - --text-4: #e6e1dc; - --text-5: #5a647e; - - /* Popups & Modals - using hex + alpha */ - --hover: #6d9cbe1a; - --active: #6d9cbe33; - --message-hover: #2729350a; + --text-default: #e6e1dc; + --text-strong: #e6e1dc !important; + --text-muted: #d4cfc9 !important; + --text-subtle: #5a647e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f4f1ed !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f4f1ed; + --control-brand-foreground: #f4f1ed; + --text-link: #6d9cbe !important; + + /* Syntax & Status */ + --status-positive: #a5c261; + --status-warning: #ffc66d; + --status-danger: #da4939; + --icon-voice-muted: #da4939; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f4f1ed; + --scrollbar-auto-thumb: #f4f1ed; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2b2b2b !important; + background-color: #f4f1ed !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e6e1dc; + background: #2b2b2b; +} +.hljs-keyword { color: #b6b3eb; } +.hljs-string { color: #a5c261; } +.hljs-number { color: #cc7833; } +.hljs-comment { color: #5a647e; } + +/* 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. +*/ diff --git a/build/base16-rebecca b/build/base16-rebecca index 22c1f0b..37677e9 100644 --- a/build/base16-rebecca +++ b/build/base16-rebecca @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6dfedf; /* Green */ - --dnd-indicator: #a0a0c5; /* Red */ - --idle-indicator: #ae81ff; /* Yellow */ - --streaming-indicator: #7aa5ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2de0a7; /* Blue */ - --accent-2: #8eaee0; /* Cyan */ - --accent-3: #8eaee0; - --accent-4: #2de0a7; - --accent-5: #a0a0c5; - - /* Backgrounds */ - --bg-1: #292a44; - --bg-2: #663399; - --bg-3: #292a44; - --bg-4: #292a44; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #292a44; + --background-base-lowest: #292a44 !important; + --background-base-lower: #663399 !important; + --background-surface-high: #292a44 !important; + --chat-background: #292a44; + --home-background: #292a44; + + /* UI Accents & Surfaces */ + --background-surface-higher: #663399 !important; + --background-surface-highest: #383a62 !important; + --background-accent: #383a62 !important; + /* Text Colors */ - --text-0: #f1eff8; - --text-1: #f1eff8; - --text-2: #f1eff8; - --text-3: #f1eff8; - --text-4: #f1eff8; - --text-5: #666699; - - /* Popups & Modals - using hex + alpha */ - --hover: #2de0a71a; - --active: #2de0a733; - --message-hover: #6633990a; + --text-default: #f1eff8; + --text-strong: #f1eff8 !important; + --text-muted: #a0a0c5 !important; + --text-subtle: #666699; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ccccff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ccccff; + --control-brand-foreground: #ccccff; + --text-link: #2de0a7 !important; + + /* Syntax & Status */ + --status-positive: #6dfedf; + --status-warning: #ae81ff; + --status-danger: #a0a0c5; + --icon-voice-muted: #a0a0c5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ccccff; + --scrollbar-auto-thumb: #ccccff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #292a44 !important; + background-color: #ccccff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f1eff8; + background: #292a44; +} +.hljs-keyword { color: #7aa5ff; } +.hljs-string { color: #6dfedf; } +.hljs-number { color: #efe4a1; } +.hljs-comment { color: #666699; } + +/* 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. +*/ diff --git a/build/base16-rose-pine b/build/base16-rose-pine index c85ef4d..029cca9 100644 --- a/build/base16-rose-pine +++ b/build/base16-rose-pine @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #31748f; /* Green */ - --dnd-indicator: #eb6f92; /* Red */ - --idle-indicator: #ebbcba; /* Yellow */ - --streaming-indicator: #f6c177; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #c4a7e7; /* Blue */ - --accent-2: #9ccfd8; /* Cyan */ - --accent-3: #9ccfd8; - --accent-4: #c4a7e7; - --accent-5: #eb6f92; - - /* Backgrounds */ - --bg-1: #191724; - --bg-2: #1f1d2e; - --bg-3: #191724; - --bg-4: #191724; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #191724; + --background-base-lowest: #191724 !important; + --background-base-lower: #1f1d2e !important; + --background-surface-high: #191724 !important; + --chat-background: #191724; + --home-background: #191724; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1f1d2e !important; + --background-surface-highest: #26233a !important; + --background-accent: #26233a !important; + /* Text Colors */ - --text-0: #e0def4; - --text-1: #e0def4; - --text-2: #e0def4; - --text-3: #e0def4; - --text-4: #e0def4; - --text-5: #6e6a86; - - /* Popups & Modals - using hex + alpha */ - --hover: #c4a7e71a; - --active: #c4a7e733; - --message-hover: #1f1d2e0a; + --text-default: #e0def4; + --text-strong: #e0def4 !important; + --text-muted: #908caa !important; + --text-subtle: #6e6a86; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0def4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0def4; + --control-brand-foreground: #e0def4; + --text-link: #c4a7e7 !important; + + /* Syntax & Status */ + --status-positive: #31748f; + --status-warning: #ebbcba; + --status-danger: #eb6f92; + --icon-voice-muted: #eb6f92; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e0def4; + --scrollbar-auto-thumb: #e0def4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #191724 !important; + background-color: #e0def4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e0def4; + background: #191724; +} +.hljs-keyword { color: #f6c177; } +.hljs-string { color: #31748f; } +.hljs-number { color: #f6c177; } +.hljs-comment { color: #6e6a86; } + +/* 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. +*/ diff --git a/build/base16-rose-pine-dawn b/build/base16-rose-pine-dawn index 14757e7..0e37d3b 100644 --- a/build/base16-rose-pine-dawn +++ b/build/base16-rose-pine-dawn @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #286983; /* Green */ - --dnd-indicator: #b4637a; /* Red */ - --idle-indicator: #d7827e; /* Yellow */ - --streaming-indicator: #ea9d34; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #907aa9; /* Blue */ - --accent-2: #56949f; /* Cyan */ - --accent-3: #56949f; - --accent-4: #907aa9; - --accent-5: #b4637a; - - /* Backgrounds */ - --bg-1: #faf4ed; - --bg-2: #fffaf3; - --bg-3: #faf4ed; - --bg-4: #faf4ed; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #faf4ed; + --background-base-lowest: #faf4ed !important; + --background-base-lower: #fffaf3 !important; + --background-surface-high: #faf4ed !important; + --chat-background: #faf4ed; + --home-background: #faf4ed; + + /* UI Accents & Surfaces */ + --background-surface-higher: #fffaf3 !important; + --background-surface-highest: #f2e9de !important; + --background-accent: #f2e9de !important; + /* Text Colors */ - --text-0: #575279; - --text-1: #575279; - --text-2: #575279; - --text-3: #575279; - --text-4: #575279; - --text-5: #9893a5; - - /* Popups & Modals - using hex + alpha */ - --hover: #907aa91a; - --active: #907aa933; - --message-hover: #fffaf30a; + --text-default: #575279; + --text-strong: #575279 !important; + --text-muted: #797593 !important; + --text-subtle: #9893a5; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #575279 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #575279; + --control-brand-foreground: #575279; + --text-link: #907aa9 !important; + + /* Syntax & Status */ + --status-positive: #286983; + --status-warning: #d7827e; + --status-danger: #b4637a; + --icon-voice-muted: #b4637a; + + /* Scrollbars */ + --scrollbar-thin-thumb: #575279; + --scrollbar-auto-thumb: #575279; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #faf4ed !important; + background-color: #575279 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #575279; + background: #faf4ed; +} +.hljs-keyword { color: #ea9d34; } +.hljs-string { color: #286983; } +.hljs-number { color: #ea9d34; } +.hljs-comment { color: #9893a5; } + +/* 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. +*/ diff --git a/build/base16-rose-pine-moon b/build/base16-rose-pine-moon index fd667a8..fd2550b 100644 --- a/build/base16-rose-pine-moon +++ b/build/base16-rose-pine-moon @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #3e8fb0; /* Green */ - --dnd-indicator: #eb6f92; /* Red */ - --idle-indicator: #ea9a97; /* Yellow */ - --streaming-indicator: #f6c177; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #c4a7e7; /* Blue */ - --accent-2: #9ccfd8; /* Cyan */ - --accent-3: #9ccfd8; - --accent-4: #c4a7e7; - --accent-5: #eb6f92; - - /* Backgrounds */ - --bg-1: #232136; - --bg-2: #2a273f; - --bg-3: #232136; - --bg-4: #232136; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #232136; + --background-base-lowest: #232136 !important; + --background-base-lower: #2a273f !important; + --background-surface-high: #232136 !important; + --chat-background: #232136; + --home-background: #232136; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a273f !important; + --background-surface-highest: #393552 !important; + --background-accent: #393552 !important; + /* Text Colors */ - --text-0: #e0def4; - --text-1: #e0def4; - --text-2: #e0def4; - --text-3: #e0def4; - --text-4: #e0def4; - --text-5: #6e6a86; - - /* Popups & Modals - using hex + alpha */ - --hover: #c4a7e71a; - --active: #c4a7e733; - --message-hover: #2a273f0a; + --text-default: #e0def4; + --text-strong: #e0def4 !important; + --text-muted: #908caa !important; + --text-subtle: #6e6a86; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0def4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0def4; + --control-brand-foreground: #e0def4; + --text-link: #c4a7e7 !important; + + /* Syntax & Status */ + --status-positive: #3e8fb0; + --status-warning: #ea9a97; + --status-danger: #eb6f92; + --icon-voice-muted: #eb6f92; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e0def4; + --scrollbar-auto-thumb: #e0def4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #232136 !important; + background-color: #e0def4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e0def4; + background: #232136; +} +.hljs-keyword { color: #f6c177; } +.hljs-string { color: #3e8fb0; } +.hljs-number { color: #f6c177; } +.hljs-comment { color: #6e6a86; } + +/* 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. +*/ diff --git a/build/base16-saga b/build/base16-saga index 68278fc..11feba5 100644 --- a/build/base16-saga +++ b/build/base16-saga @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #f7ddff; /* Green */ - --dnd-indicator: #ffd4e9; /* Red */ - --idle-indicator: #fbebc8; /* Yellow */ - --streaming-indicator: #dcc3f9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #c9fff7; /* Blue */ - --accent-2: #c5edc1; /* Cyan */ - --accent-3: #c5edc1; - --accent-4: #c9fff7; - --accent-5: #ffd4e9; - - /* Backgrounds */ - --bg-1: #05080a; - --bg-2: #0a1014; - --bg-3: #05080a; - --bg-4: #05080a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #05080a; + --background-base-lowest: #05080a !important; + --background-base-lower: #0a1014 !important; + --background-surface-high: #05080a !important; + --chat-background: #05080a; + --home-background: #05080a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #0a1014 !important; + --background-surface-highest: #0f181e !important; + --background-accent: #0f181e !important; + /* Text Colors */ - --text-0: #dce2f7; - --text-1: #dce2f7; - --text-2: #dce2f7; - --text-3: #dce2f7; - --text-4: #dce2f7; - --text-5: #141f27; - - /* Popups & Modals - using hex + alpha */ - --hover: #c9fff71a; - --active: #c9fff733; - --message-hover: #0a10140a; + --text-default: #dce2f7; + --text-strong: #dce2f7 !important; + --text-muted: #192630 !important; + --text-subtle: #141f27; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f8eae7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f8eae7; + --control-brand-foreground: #f8eae7; + --text-link: #c9fff7 !important; + + /* Syntax & Status */ + --status-positive: #f7ddff; + --status-warning: #fbebc8; + --status-danger: #ffd4e9; + --icon-voice-muted: #ffd4e9; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f8eae7; + --scrollbar-auto-thumb: #f8eae7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #05080a !important; + background-color: #f8eae7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dce2f7; + background: #05080a; +} +.hljs-keyword { color: #dcc3f9; } +.hljs-string { color: #f7ddff; } +.hljs-number { color: #fbcbae; } +.hljs-comment { color: #141f27; } + +/* 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. +*/ diff --git a/build/base16-sagelight b/build/base16-sagelight index 0f320ba..5ed8fb7 100644 --- a/build/base16-sagelight +++ b/build/base16-sagelight @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a0d2c8; /* Green */ - --dnd-indicator: #fa8480; /* Red */ - --idle-indicator: #ffdc61; /* Yellow */ - --streaming-indicator: #c8a0d2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #a0a7d2; /* Blue */ - --accent-2: #a2d6f5; /* Cyan */ - --accent-3: #a2d6f5; - --accent-4: #a0a7d2; - --accent-5: #fa8480; - - /* Backgrounds */ - --bg-1: #f8f8f8; - --bg-2: #e8e8e8; - --bg-3: #f8f8f8; - --bg-4: #f8f8f8; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #383838; - --text-1: #383838; - --text-2: #383838; - --text-3: #383838; - --text-4: #383838; - --text-5: #b8b8b8; - - /* Popups & Modals - using hex + alpha */ - --hover: #a0a7d21a; - --active: #a0a7d233; - --message-hover: #e8e8e80a; + --text-default: #383838; + --text-strong: #383838 !important; + --text-muted: #585858 !important; + --text-subtle: #b8b8b8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282828 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282828; + --control-brand-foreground: #282828; + --text-link: #a0a7d2 !important; + + /* Syntax & Status */ + --status-positive: #a0d2c8; + --status-warning: #ffdc61; + --status-danger: #fa8480; + --icon-voice-muted: #fa8480; + + /* 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: #c8a0d2; } +.hljs-string { color: #a0d2c8; } +.hljs-number { color: #ffaa61; } +.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. +*/ diff --git a/build/base16-sakura b/build/base16-sakura index 740e0e5..10be14a 100644 --- a/build/base16-sakura +++ b/build/base16-sakura @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #2e916d; /* Green */ - --dnd-indicator: #df2d52; /* Red */ - --idle-indicator: #c29461; /* Yellow */ - --streaming-indicator: #5e2180; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #006e93; /* Blue */ - --accent-2: #1d8991; /* Cyan */ - --accent-3: #1d8991; - --accent-4: #006e93; - --accent-5: #df2d52; - - /* Backgrounds */ - --bg-1: #feedf3; - --bg-2: #f8e2e7; - --bg-3: #feedf3; - --bg-4: #feedf3; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #feedf3; + --background-base-lowest: #feedf3 !important; + --background-base-lower: #f8e2e7 !important; + --background-surface-high: #feedf3 !important; + --chat-background: #feedf3; + --home-background: #feedf3; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f8e2e7 !important; + --background-surface-highest: #e0ccd1 !important; + --background-accent: #e0ccd1 !important; + /* Text Colors */ - --text-0: #564448; - --text-1: #564448; - --text-2: #564448; - --text-3: #564448; - --text-4: #564448; - --text-5: #755f64; - - /* Popups & Modals - using hex + alpha */ - --hover: #006e931a; - --active: #006e9333; - --message-hover: #f8e2e70a; + --text-default: #564448; + --text-strong: #564448 !important; + --text-muted: #665055 !important; + --text-subtle: #755f64; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #42383a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #42383a; + --control-brand-foreground: #42383a; + --text-link: #006e93 !important; + + /* Syntax & Status */ + --status-positive: #2e916d; + --status-warning: #c29461; + --status-danger: #df2d52; + --icon-voice-muted: #df2d52; + + /* Scrollbars */ + --scrollbar-thin-thumb: #42383a; + --scrollbar-auto-thumb: #42383a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #feedf3 !important; + background-color: #42383a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #564448; + background: #feedf3; +} +.hljs-keyword { color: #5e2180; } +.hljs-string { color: #2e916d; } +.hljs-number { color: #f6661e; } +.hljs-comment { color: #755f64; } + +/* 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. +*/ diff --git a/build/base16-sandcastle b/build/base16-sandcastle index c502c7e..03ba8a8 100644 --- a/build/base16-sandcastle +++ b/build/base16-sandcastle @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #528b8b; /* Green */ - --dnd-indicator: #83a598; /* Red */ - --idle-indicator: #a07e3b; /* Yellow */ - --streaming-indicator: #d75f5f; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #83a598; /* Blue */ - --accent-2: #83a598; /* Cyan */ - --accent-3: #83a598; - --accent-4: #83a598; - --accent-5: #83a598; - - /* Backgrounds */ - --bg-1: #282c34; - --bg-2: #2c323b; - --bg-3: #282c34; - --bg-4: #282c34; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282c34; + --background-base-lowest: #282c34 !important; + --background-base-lower: #2c323b !important; + --background-surface-high: #282c34 !important; + --chat-background: #282c34; + --home-background: #282c34; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2c323b !important; + --background-surface-highest: #3e4451 !important; + --background-accent: #3e4451 !important; + /* Text Colors */ - --text-0: #a89984; - --text-1: #a89984; - --text-2: #a89984; - --text-3: #a89984; - --text-4: #a89984; - --text-5: #665c54; - - /* Popups & Modals - using hex + alpha */ - --hover: #83a5981a; - --active: #83a59833; - --message-hover: #2c323b0a; + --text-default: #a89984; + --text-strong: #a89984 !important; + --text-muted: #928374 !important; + --text-subtle: #665c54; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d5c4a1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d5c4a1; + --control-brand-foreground: #d5c4a1; + --text-link: #83a598 !important; + + /* Syntax & Status */ + --status-positive: #528b8b; + --status-warning: #a07e3b; + --status-danger: #83a598; + --icon-voice-muted: #83a598; + + /* 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: #282c34 !important; + background-color: #d5c4a1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a89984; + background: #282c34; +} +.hljs-keyword { color: #d75f5f; } +.hljs-string { color: #528b8b; } +.hljs-number { color: #a07e3b; } +.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. +*/ diff --git a/build/base16-selenized-black b/build/base16-selenized-black index 38deeab..fc50df1 100644 --- a/build/base16-selenized-black +++ b/build/base16-selenized-black @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #70b433; /* Green */ - --dnd-indicator: #ed4a46; /* Red */ - --idle-indicator: #dbb32d; /* Yellow */ - --streaming-indicator: #a580e2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #368aeb; /* Blue */ - --accent-2: #3fc5b7; /* Cyan */ - --accent-3: #3fc5b7; - --accent-4: #368aeb; - --accent-5: #ed4a46; - - /* Backgrounds */ - --bg-1: #181818; - --bg-2: #252525; - --bg-3: #181818; - --bg-4: #181818; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #181818; + --background-base-lowest: #181818 !important; + --background-base-lower: #252525 !important; + --background-surface-high: #181818 !important; + --chat-background: #181818; + --home-background: #181818; + + /* UI Accents & Surfaces */ + --background-surface-higher: #252525 !important; + --background-surface-highest: #3b3b3b !important; + --background-accent: #3b3b3b !important; + /* Text Colors */ - --text-0: #b9b9b9; - --text-1: #b9b9b9; - --text-2: #b9b9b9; - --text-3: #b9b9b9; - --text-4: #b9b9b9; - --text-5: #777777; - - /* Popups & Modals - using hex + alpha */ - --hover: #368aeb1a; - --active: #368aeb33; - --message-hover: #2525250a; + --text-default: #b9b9b9; + --text-strong: #b9b9b9 !important; + --text-muted: #777777 !important; + --text-subtle: #777777; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dedede !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dedede; + --control-brand-foreground: #dedede; + --text-link: #368aeb !important; + + /* Syntax & Status */ + --status-positive: #70b433; + --status-warning: #dbb32d; + --status-danger: #ed4a46; + --icon-voice-muted: #ed4a46; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dedede; + --scrollbar-auto-thumb: #dedede; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #181818 !important; + background-color: #dedede !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b9b9b9; + background: #181818; +} +.hljs-keyword { color: #a580e2; } +.hljs-string { color: #70b433; } +.hljs-number { color: #e67f43; } +.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. +*/ diff --git a/build/base16-selenized-dark b/build/base16-selenized-dark index c03721a..407c72f 100644 --- a/build/base16-selenized-dark +++ b/build/base16-selenized-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #75b938; /* Green */ - --dnd-indicator: #fa5750; /* Red */ - --idle-indicator: #dbb32d; /* Yellow */ - --streaming-indicator: #af88eb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4695f7; /* Blue */ - --accent-2: #41c7b9; /* Cyan */ - --accent-3: #41c7b9; - --accent-4: #4695f7; - --accent-5: #fa5750; - - /* Backgrounds */ - --bg-1: #103c48; - --bg-2: #184956; - --bg-3: #103c48; - --bg-4: #103c48; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #103c48; + --background-base-lowest: #103c48 !important; + --background-base-lower: #184956 !important; + --background-surface-high: #103c48 !important; + --chat-background: #103c48; + --home-background: #103c48; + + /* UI Accents & Surfaces */ + --background-surface-higher: #184956 !important; + --background-surface-highest: #2d5b69 !important; + --background-accent: #2d5b69 !important; + /* Text Colors */ - --text-0: #adbcbc; - --text-1: #adbcbc; - --text-2: #adbcbc; - --text-3: #adbcbc; - --text-4: #adbcbc; - --text-5: #72898f; - - /* Popups & Modals - using hex + alpha */ - --hover: #4695f71a; - --active: #4695f733; - --message-hover: #1849560a; + --text-default: #adbcbc; + --text-strong: #adbcbc !important; + --text-muted: #72898f !important; + --text-subtle: #72898f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cad8d9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cad8d9; + --control-brand-foreground: #cad8d9; + --text-link: #4695f7 !important; + + /* Syntax & Status */ + --status-positive: #75b938; + --status-warning: #dbb32d; + --status-danger: #fa5750; + --icon-voice-muted: #fa5750; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cad8d9; + --scrollbar-auto-thumb: #cad8d9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #103c48 !important; + background-color: #cad8d9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #adbcbc; + background: #103c48; +} +.hljs-keyword { color: #af88eb; } +.hljs-string { color: #75b938; } +.hljs-number { color: #ed8649; } +.hljs-comment { color: #72898f; } + +/* 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. +*/ diff --git a/build/base16-selenized-light b/build/base16-selenized-light index 9b48709..ef9faae 100644 --- a/build/base16-selenized-light +++ b/build/base16-selenized-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #428b00; /* Green */ - --dnd-indicator: #cc1729; /* Red */ - --idle-indicator: #a78300; /* Yellow */ - --streaming-indicator: #825dc0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #006dce; /* Blue */ - --accent-2: #00978a; /* Cyan */ - --accent-3: #00978a; - --accent-4: #006dce; - --accent-5: #cc1729; - - /* Backgrounds */ - --bg-1: #fbf3db; - --bg-2: #ece3cc; - --bg-3: #fbf3db; - --bg-4: #fbf3db; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbf3db; + --background-base-lowest: #fbf3db !important; + --background-base-lower: #ece3cc !important; + --background-surface-high: #fbf3db !important; + --chat-background: #fbf3db; + --home-background: #fbf3db; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ece3cc !important; + --background-surface-highest: #d5cdb6 !important; + --background-accent: #d5cdb6 !important; + /* Text Colors */ - --text-0: #53676d; - --text-1: #53676d; - --text-2: #53676d; - --text-3: #53676d; - --text-4: #53676d; - --text-5: #909995; - - /* Popups & Modals - using hex + alpha */ - --hover: #006dce1a; - --active: #006dce33; - --message-hover: #ece3cc0a; + --text-default: #53676d; + --text-strong: #53676d !important; + --text-muted: #909995 !important; + --text-subtle: #909995; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #3a4d53 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #3a4d53; + --control-brand-foreground: #3a4d53; + --text-link: #006dce !important; + + /* Syntax & Status */ + --status-positive: #428b00; + --status-warning: #a78300; + --status-danger: #cc1729; + --icon-voice-muted: #cc1729; + + /* Scrollbars */ + --scrollbar-thin-thumb: #3a4d53; + --scrollbar-auto-thumb: #3a4d53; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fbf3db !important; + background-color: #3a4d53 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #53676d; + background: #fbf3db; +} +.hljs-keyword { color: #825dc0; } +.hljs-string { color: #428b00; } +.hljs-number { color: #bc5819; } +.hljs-comment { color: #909995; } + +/* 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. +*/ diff --git a/build/base16-selenized-white b/build/base16-selenized-white index fe8ac23..709c0ab 100644 --- a/build/base16-selenized-white +++ b/build/base16-selenized-white @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #008400; /* Green */ - --dnd-indicator: #bf0000; /* Red */ - --idle-indicator: #af8500; /* Yellow */ - --streaming-indicator: #6b40c3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0054cf; /* Blue */ - --accent-2: #009a8a; /* Cyan */ - --accent-3: #009a8a; - --accent-4: #0054cf; - --accent-5: #bf0000; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #ebebeb; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #ffffff; + --background-base-lowest: #ffffff !important; + --background-base-lower: #ebebeb !important; + --background-surface-high: #ffffff !important; + --chat-background: #ffffff; + --home-background: #ffffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ebebeb !important; + --background-surface-highest: #cdcdcd !important; + --background-accent: #cdcdcd !important; + /* Text Colors */ - --text-0: #474747; - --text-1: #474747; - --text-2: #474747; - --text-3: #474747; - --text-4: #474747; - --text-5: #878787; - - /* Popups & Modals - using hex + alpha */ - --hover: #0054cf1a; - --active: #0054cf33; - --message-hover: #ebebeb0a; + --text-default: #474747; + --text-strong: #474747 !important; + --text-muted: #878787 !important; + --text-subtle: #878787; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282828 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282828; + --control-brand-foreground: #282828; + --text-link: #0054cf !important; + + /* Syntax & Status */ + --status-positive: #008400; + --status-warning: #af8500; + --status-danger: #bf0000; + --icon-voice-muted: #bf0000; + + /* 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: #ffffff !important; + background-color: #282828 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #474747; + background: #ffffff; +} +.hljs-keyword { color: #6b40c3; } +.hljs-string { color: #008400; } +.hljs-number { color: #ba3700; } +.hljs-comment { color: #878787; } + +/* 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. +*/ diff --git a/build/base16-seti b/build/base16-seti index 4868c1b..923ee09 100644 --- a/build/base16-seti +++ b/build/base16-seti @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #9fca56; /* Green */ - --dnd-indicator: #cd3f45; /* Red */ - --idle-indicator: #e6cd69; /* Yellow */ - --streaming-indicator: #a074c4; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #55b5db; /* Blue */ - --accent-2: #55dbbe; /* Cyan */ - --accent-3: #55dbbe; - --accent-4: #55b5db; - --accent-5: #cd3f45; - - /* Backgrounds */ - --bg-1: #151718; - --bg-2: #282a2b; - --bg-3: #151718; - --bg-4: #151718; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #151718; + --background-base-lowest: #151718 !important; + --background-base-lower: #282a2b !important; + --background-surface-high: #151718 !important; + --chat-background: #151718; + --home-background: #151718; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282a2b !important; + --background-surface-highest: #3b758c !important; + --background-accent: #3b758c !important; + /* Text Colors */ - --text-0: #d6d6d6; - --text-1: #d6d6d6; - --text-2: #d6d6d6; - --text-3: #d6d6d6; - --text-4: #d6d6d6; - --text-5: #41535b; - - /* Popups & Modals - using hex + alpha */ - --hover: #55b5db1a; - --active: #55b5db33; - --message-hover: #282a2b0a; + --text-default: #d6d6d6; + --text-strong: #d6d6d6 !important; + --text-muted: #43a5d5 !important; + --text-subtle: #41535b; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eeeeee !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eeeeee; + --control-brand-foreground: #eeeeee; + --text-link: #55b5db !important; + + /* Syntax & Status */ + --status-positive: #9fca56; + --status-warning: #e6cd69; + --status-danger: #cd3f45; + --icon-voice-muted: #cd3f45; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eeeeee; + --scrollbar-auto-thumb: #eeeeee; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #151718 !important; + background-color: #eeeeee !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d6d6d6; + background: #151718; +} +.hljs-keyword { color: #a074c4; } +.hljs-string { color: #9fca56; } +.hljs-number { color: #db7b55; } +.hljs-comment { color: #41535b; } + +/* 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. +*/ diff --git a/build/base16-shades-of-purple b/build/base16-shades-of-purple index 5f93c2a..6be2bb2 100644 --- a/build/base16-shades-of-purple +++ b/build/base16-shades-of-purple @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #3ad900; /* Green */ - --dnd-indicator: #d90429; /* Red */ - --idle-indicator: #ffe700; /* Yellow */ - --streaming-indicator: #ff2c70; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6943ff; /* Blue */ - --accent-2: #00c5c7; /* Cyan */ - --accent-3: #00c5c7; - --accent-4: #6943ff; - --accent-5: #d90429; - - /* Backgrounds */ - --bg-1: #1e1e3f; - --bg-2: #43d426; - --bg-3: #1e1e3f; - --bg-4: #1e1e3f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1e1e3f; + --background-base-lowest: #1e1e3f !important; + --background-base-lower: #43d426 !important; + --background-surface-high: #1e1e3f !important; + --chat-background: #1e1e3f; + --home-background: #1e1e3f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #43d426 !important; + --background-surface-highest: #f1d000 !important; + --background-accent: #f1d000 !important; + /* Text Colors */ - --text-0: #c7c7c7; - --text-1: #c7c7c7; - --text-2: #c7c7c7; - --text-3: #c7c7c7; - --text-4: #c7c7c7; - --text-5: #808080; - - /* Popups & Modals - using hex + alpha */ - --hover: #6943ff1a; - --active: #6943ff33; - --message-hover: #43d4260a; + --text-default: #c7c7c7; + --text-strong: #c7c7c7 !important; + --text-muted: #6871ff !important; + --text-subtle: #808080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ff77ff !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ff77ff; + --control-brand-foreground: #ff77ff; + --text-link: #6943ff !important; + + /* Syntax & Status */ + --status-positive: #3ad900; + --status-warning: #ffe700; + --status-danger: #d90429; + --icon-voice-muted: #d90429; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ff77ff; + --scrollbar-auto-thumb: #ff77ff; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1e1e3f !important; + background-color: #ff77ff !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c7c7c7; + background: #1e1e3f; +} +.hljs-keyword { color: #ff2c70; } +.hljs-string { color: #3ad900; } +.hljs-number { color: #f92a1c; } +.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. +*/ diff --git a/build/base16-shadesmear-dark b/build/base16-shadesmear-dark index b26fe91..6d87896 100644 --- a/build/base16-shadesmear-dark +++ b/build/base16-shadesmear-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #71983b; /* Green */ - --dnd-indicator: #cc5450; /* Red */ - --idle-indicator: #307878; /* Yellow */ - --streaming-indicator: #d7ab54; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #376388; /* Blue */ - --accent-2: #c57d42; /* Cyan */ - --accent-3: #c57d42; - --accent-4: #376388; - --accent-5: #cc5450; - - /* Backgrounds */ - --bg-1: #232323; - --bg-2: #1c1c1c; - --bg-3: #232323; - --bg-4: #232323; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #232323; + --background-base-lowest: #232323 !important; + --background-base-lower: #1c1c1c !important; + --background-surface-high: #232323 !important; + --chat-background: #232323; + --home-background: #232323; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c1c1c !important; + --background-surface-highest: #4e4e4e !important; + --background-accent: #4e4e4e !important; + /* Text Colors */ - --text-0: #dbdbdb; - --text-1: #dbdbdb; - --text-2: #dbdbdb; - --text-3: #dbdbdb; - --text-4: #dbdbdb; - --text-5: #c0c0c0; - - /* Popups & Modals - using hex + alpha */ - --hover: #3763881a; - --active: #37638833; - --message-hover: #1c1c1c0a; + --text-default: #dbdbdb; + --text-strong: #dbdbdb !important; + --text-muted: #e4e4e4 !important; + --text-subtle: #c0c0c0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e4e4e4 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e4e4e4; + --control-brand-foreground: #e4e4e4; + --text-link: #376388 !important; + + /* Syntax & Status */ + --status-positive: #71983b; + --status-warning: #307878; + --status-danger: #cc5450; + --icon-voice-muted: #cc5450; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e4e4e4; + --scrollbar-auto-thumb: #e4e4e4; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #232323 !important; + background-color: #e4e4e4 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dbdbdb; + background: #232323; +} +.hljs-keyword { color: #d7ab54; } +.hljs-string { color: #71983b; } +.hljs-number { color: #a64270; } +.hljs-comment { color: #c0c0c0; } + +/* 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. +*/ diff --git a/build/base16-shadesmear-light b/build/base16-shadesmear-light index a33ac53..0c55baa 100644 --- a/build/base16-shadesmear-light +++ b/build/base16-shadesmear-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #71983b; /* Green */ - --dnd-indicator: #cc5450; /* Red */ - --idle-indicator: #307878; /* Yellow */ - --streaming-indicator: #d7ab54; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #376388; /* Blue */ - --accent-2: #c57d42; /* Cyan */ - --accent-3: #c57d42; - --accent-4: #376388; - --accent-5: #cc5450; - - /* Backgrounds */ - --bg-1: #dbdbdb; - --bg-2: #e4e4e4; - --bg-3: #dbdbdb; - --bg-4: #dbdbdb; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #dbdbdb; + --background-base-lowest: #dbdbdb !important; + --background-base-lower: #e4e4e4 !important; + --background-surface-high: #dbdbdb !important; + --chat-background: #dbdbdb; + --home-background: #dbdbdb; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e4e4e4 !important; + --background-surface-highest: #c0c0c0 !important; + --background-accent: #c0c0c0 !important; + /* Text Colors */ - --text-0: #232323; - --text-1: #232323; - --text-2: #232323; - --text-3: #232323; - --text-4: #232323; - --text-5: #4e4e4e; - - /* Popups & Modals - using hex + alpha */ - --hover: #3763881a; - --active: #37638833; - --message-hover: #e4e4e40a; + --text-default: #232323; + --text-strong: #232323 !important; + --text-muted: #1c1c1c !important; + --text-subtle: #4e4e4e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1c1c1c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1c1c1c; + --control-brand-foreground: #1c1c1c; + --text-link: #376388 !important; + + /* Syntax & Status */ + --status-positive: #71983b; + --status-warning: #307878; + --status-danger: #cc5450; + --icon-voice-muted: #cc5450; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1c1c1c; + --scrollbar-auto-thumb: #1c1c1c; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #dbdbdb !important; + background-color: #1c1c1c !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #232323; + background: #dbdbdb; +} +.hljs-keyword { color: #d7ab54; } +.hljs-string { color: #71983b; } +.hljs-number { color: #a64270; } +.hljs-comment { color: #4e4e4e; } + +/* 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. +*/ diff --git a/build/base16-shapeshifter b/build/base16-shapeshifter index 401961d..b11525d 100644 --- a/build/base16-shapeshifter +++ b/build/base16-shapeshifter @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #0ed839; /* Green */ - --dnd-indicator: #e92f2f; /* Red */ - --idle-indicator: #dddd13; /* Yellow */ - --streaming-indicator: #f996e2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3b48e3; /* Blue */ - --accent-2: #23edda; /* Cyan */ - --accent-3: #23edda; - --accent-4: #3b48e3; - --accent-5: #e92f2f; - - /* Backgrounds */ - --bg-1: #f9f9f9; - --bg-2: #e0e0e0; - --bg-3: #f9f9f9; - --bg-4: #f9f9f9; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f9f9f9; + --background-base-lowest: #f9f9f9 !important; + --background-base-lower: #e0e0e0 !important; + --background-surface-high: #f9f9f9 !important; + --chat-background: #f9f9f9; + --home-background: #f9f9f9; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e0e0e0 !important; + --background-surface-highest: #ababab !important; + --background-accent: #ababab !important; + /* Text Colors */ - --text-0: #102015; - --text-1: #102015; - --text-2: #102015; - --text-3: #102015; - --text-4: #102015; - --text-5: #555555; - - /* Popups & Modals - using hex + alpha */ - --hover: #3b48e31a; - --active: #3b48e333; - --message-hover: #e0e0e00a; + --text-default: #102015; + --text-strong: #102015 !important; + --text-muted: #343434 !important; + --text-subtle: #555555; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #040404 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #040404; + --control-brand-foreground: #040404; + --text-link: #3b48e3 !important; + + /* Syntax & Status */ + --status-positive: #0ed839; + --status-warning: #dddd13; + --status-danger: #e92f2f; + --icon-voice-muted: #e92f2f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #040404; + --scrollbar-auto-thumb: #040404; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f9f9f9 !important; + background-color: #040404 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #102015; + background: #f9f9f9; +} +.hljs-keyword { color: #f996e2; } +.hljs-string { color: #0ed839; } +.hljs-number { color: #e09448; } +.hljs-comment { color: #555555; } + +/* 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. +*/ diff --git a/build/base16-silk-dark b/build/base16-silk-dark index 6c97e91..422b0d6 100644 --- a/build/base16-silk-dark +++ b/build/base16-silk-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #73d8ad; /* Green */ - --dnd-indicator: #fb6953; /* Red */ - --idle-indicator: #fce380; /* Yellow */ - --streaming-indicator: #756b8a; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #46bddd; /* Blue */ - --accent-2: #3fb2b9; /* Cyan */ - --accent-3: #3fb2b9; - --accent-4: #46bddd; - --accent-5: #fb6953; - - /* Backgrounds */ - --bg-1: #0e3c46; - --bg-2: #1d494e; - --bg-3: #0e3c46; - --bg-4: #0e3c46; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0e3c46; + --background-base-lowest: #0e3c46 !important; + --background-base-lower: #1d494e !important; + --background-surface-high: #0e3c46 !important; + --chat-background: #0e3c46; + --home-background: #0e3c46; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1d494e !important; + --background-surface-highest: #2a5054 !important; + --background-accent: #2a5054 !important; + /* Text Colors */ - --text-0: #c7dbdd; - --text-1: #c7dbdd; - --text-2: #c7dbdd; - --text-3: #c7dbdd; - --text-4: #c7dbdd; - --text-5: #587073; - - /* Popups & Modals - using hex + alpha */ - --hover: #46bddd1a; - --active: #46bddd33; - --message-hover: #1d494e0a; + --text-default: #c7dbdd; + --text-strong: #c7dbdd !important; + --text-muted: #9dc8cd !important; + --text-subtle: #587073; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cbf2f7 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cbf2f7; + --control-brand-foreground: #cbf2f7; + --text-link: #46bddd !important; + + /* Syntax & Status */ + --status-positive: #73d8ad; + --status-warning: #fce380; + --status-danger: #fb6953; + --icon-voice-muted: #fb6953; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cbf2f7; + --scrollbar-auto-thumb: #cbf2f7; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0e3c46 !important; + background-color: #cbf2f7 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c7dbdd; + background: #0e3c46; +} +.hljs-keyword { color: #756b8a; } +.hljs-string { color: #73d8ad; } +.hljs-number { color: #fcab74; } +.hljs-comment { color: #587073; } + +/* 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. +*/ diff --git a/build/base16-silk-light b/build/base16-silk-light index be731c9..39c2bc5 100644 --- a/build/base16-silk-light +++ b/build/base16-silk-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #6ca38c; /* Green */ - --dnd-indicator: #cf432e; /* Red */ - --idle-indicator: #cfad25; /* Yellow */ - --streaming-indicator: #6e6582; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #39aac9; /* Blue */ - --accent-2: #329ca2; /* Cyan */ - --accent-3: #329ca2; - --accent-4: #39aac9; - --accent-5: #cf432e; - - /* Backgrounds */ - --bg-1: #e9f1ef; - --bg-2: #ccd4d3; - --bg-3: #e9f1ef; - --bg-4: #e9f1ef; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #e9f1ef; + --background-base-lowest: #e9f1ef !important; + --background-base-lower: #ccd4d3 !important; + --background-surface-high: #e9f1ef !important; + --chat-background: #e9f1ef; + --home-background: #e9f1ef; + + /* UI Accents & Surfaces */ + --background-surface-higher: #ccd4d3 !important; + --background-surface-highest: #90b7b6 !important; + --background-accent: #90b7b6 !important; + /* Text Colors */ - --text-0: #385156; - --text-1: #385156; - --text-2: #385156; - --text-3: #385156; - --text-4: #385156; - --text-5: #5c787b; - - /* Popups & Modals - using hex + alpha */ - --hover: #39aac91a; - --active: #39aac933; - --message-hover: #ccd4d30a; + --text-default: #385156; + --text-strong: #385156 !important; + --text-muted: #4b5b5f !important; + --text-subtle: #5c787b; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #0e3c46 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #0e3c46; + --control-brand-foreground: #0e3c46; + --text-link: #39aac9 !important; + + /* Syntax & Status */ + --status-positive: #6ca38c; + --status-warning: #cfad25; + --status-danger: #cf432e; + --icon-voice-muted: #cf432e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #0e3c46; + --scrollbar-auto-thumb: #0e3c46; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #e9f1ef !important; + background-color: #0e3c46 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #385156; + background: #e9f1ef; +} +.hljs-keyword { color: #6e6582; } +.hljs-string { color: #6ca38c; } +.hljs-number { color: #d27f46; } +.hljs-comment { color: #5c787b; } + +/* 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. +*/ diff --git a/build/base16-snazzy b/build/base16-snazzy index feca2ac..1d9fc04 100644 --- a/build/base16-snazzy +++ b/build/base16-snazzy @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5af78e; /* Green */ - --dnd-indicator: #ff5c57; /* Red */ - --idle-indicator: #f3f99d; /* Yellow */ - --streaming-indicator: #ff6ac1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #57c7ff; /* Blue */ - --accent-2: #9aedfe; /* Cyan */ - --accent-3: #9aedfe; - --accent-4: #57c7ff; - --accent-5: #ff5c57; - - /* Backgrounds */ - --bg-1: #282a36; - --bg-2: #34353e; - --bg-3: #282a36; - --bg-4: #282a36; +/* 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: #34353e !important; + --background-surface-high: #282a36 !important; + --chat-background: #282a36; + --home-background: #282a36; + + /* UI Accents & Surfaces */ + --background-surface-higher: #34353e !important; + --background-surface-highest: #43454f !important; + --background-accent: #43454f !important; + /* Text Colors */ - --text-0: #e2e4e5; - --text-1: #e2e4e5; - --text-2: #e2e4e5; - --text-3: #e2e4e5; - --text-4: #e2e4e5; - --text-5: #78787e; - - /* Popups & Modals - using hex + alpha */ - --hover: #57c7ff1a; - --active: #57c7ff33; - --message-hover: #34353e0a; + --text-default: #e2e4e5; + --text-strong: #e2e4e5 !important; + --text-muted: #a5a5a9 !important; + --text-subtle: #78787e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eff0eb !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eff0eb; + --control-brand-foreground: #eff0eb; + --text-link: #57c7ff !important; + + /* Syntax & Status */ + --status-positive: #5af78e; + --status-warning: #f3f99d; + --status-danger: #ff5c57; + --icon-voice-muted: #ff5c57; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eff0eb; + --scrollbar-auto-thumb: #eff0eb; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #282a36 !important; + background-color: #eff0eb !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e2e4e5; + background: #282a36; +} +.hljs-keyword { color: #ff6ac1; } +.hljs-string { color: #5af78e; } +.hljs-number { color: #ff9f43; } +.hljs-comment { color: #78787e; } + +/* 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. +*/ diff --git a/build/base16-soft-server b/build/base16-soft-server index 9f91dfc..1c021d8 100644 --- a/build/base16-soft-server +++ b/build/base16-soft-server @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b1f2a7; /* Green */ - --dnd-indicator: #e965a5; /* Red */ - --idle-indicator: #ebde76; /* Yellow */ - --streaming-indicator: #ff79c6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #95a6f4; /* Blue */ - --accent-2: #b3f4f3; /* Cyan */ - --accent-3: #b3f4f3; - --accent-4: #95a6f4; - --accent-5: #e965a5; - - /* Backgrounds */ - --bg-1: #211e2a; - --bg-2: #2c2737; - --bg-3: #211e2a; - --bg-4: #211e2a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #211e2a; + --background-base-lowest: #211e2a !important; + --background-base-lower: #2c2737 !important; + --background-surface-high: #211e2a !important; + --chat-background: #211e2a; + --home-background: #211e2a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2c2737 !important; + --background-surface-highest: #3f3951 !important; + --background-accent: #3f3951 !important; + /* Text Colors */ - --text-0: #e4dee9; - --text-1: #e4dee9; - --text-2: #e4dee9; - --text-3: #e4dee9; - --text-4: #e4dee9; - --text-5: #6e6780; - - /* Popups & Modals - using hex + alpha */ - --hover: #95a6f41a; - --active: #95a6f433; - --message-hover: #2c27370a; + --text-default: #e4dee9; + --text-strong: #e4dee9 !important; + --text-muted: #8a829e !important; + --text-subtle: #6e6780; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f2e8f0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f2e8f0; + --control-brand-foreground: #f2e8f0; + --text-link: #95a6f4 !important; + + /* Syntax & Status */ + --status-positive: #b1f2a7; + --status-warning: #ebde76; + --status-danger: #e965a5; + --icon-voice-muted: #e965a5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f2e8f0; + --scrollbar-auto-thumb: #f2e8f0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #211e2a !important; + background-color: #f2e8f0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #e4dee9; + background: #211e2a; +} +.hljs-keyword { color: #ff79c6; } +.hljs-string { color: #b1f2a7; } +.hljs-number { color: #f4b870; } +.hljs-comment { color: #6e6780; } + +/* 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. +*/ diff --git a/build/base16-solarflare b/build/base16-solarflare index 5b0add5..c9bc3fb 100644 --- a/build/base16-solarflare +++ b/build/base16-solarflare @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #7cc844; /* Green */ - --dnd-indicator: #ef5253; /* Red */ - --idle-indicator: #e4b51c; /* Yellow */ - --streaming-indicator: #a363d5; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #33b5e1; /* Blue */ - --accent-2: #52cbb0; /* Cyan */ - --accent-3: #52cbb0; - --accent-4: #33b5e1; - --accent-5: #ef5253; - - /* Backgrounds */ - --bg-1: #18262f; - --bg-2: #222e38; - --bg-3: #18262f; - --bg-4: #18262f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #18262f; + --background-base-lowest: #18262f !important; + --background-base-lower: #222e38 !important; + --background-surface-high: #18262f !important; + --chat-background: #18262f; + --home-background: #18262f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #222e38 !important; + --background-surface-highest: #586875 !important; + --background-accent: #586875 !important; + /* Text Colors */ - --text-0: #a6afb8; - --text-1: #a6afb8; - --text-2: #a6afb8; - --text-3: #a6afb8; - --text-4: #a6afb8; - --text-5: #667581; - - /* Popups & Modals - using hex + alpha */ - --hover: #33b5e11a; - --active: #33b5e133; - --message-hover: #222e380a; + --text-default: #a6afb8; + --text-strong: #a6afb8 !important; + --text-muted: #85939e !important; + --text-subtle: #667581; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e9ed !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e9ed; + --control-brand-foreground: #e8e9ed; + --text-link: #33b5e1 !important; + + /* Syntax & Status */ + --status-positive: #7cc844; + --status-warning: #e4b51c; + --status-danger: #ef5253; + --icon-voice-muted: #ef5253; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e8e9ed; + --scrollbar-auto-thumb: #e8e9ed; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #18262f !important; + background-color: #e8e9ed !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a6afb8; + background: #18262f; +} +.hljs-keyword { color: #a363d5; } +.hljs-string { color: #7cc844; } +.hljs-number { color: #e66b2b; } +.hljs-comment { color: #667581; } + +/* 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. +*/ diff --git a/build/base16-solarflare-light b/build/base16-solarflare-light index d7253f8..8e284b1 100644 --- a/build/base16-solarflare-light +++ b/build/base16-solarflare-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #7cc844; /* Green */ - --dnd-indicator: #ef5253; /* Red */ - --idle-indicator: #e4b51c; /* Yellow */ - --streaming-indicator: #a363d5; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #33b5e1; /* Blue */ - --accent-2: #52cbb0; /* Cyan */ - --accent-3: #52cbb0; - --accent-4: #33b5e1; - --accent-5: #ef5253; - - /* Backgrounds */ - --bg-1: #f5f7fa; - --bg-2: #e8e9ed; - --bg-3: #f5f7fa; - --bg-4: #f5f7fa; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f5f7fa; + --background-base-lowest: #f5f7fa !important; + --background-base-lower: #e8e9ed !important; + --background-surface-high: #f5f7fa !important; + --chat-background: #f5f7fa; + --home-background: #f5f7fa; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e8e9ed !important; + --background-surface-highest: #a6afb8 !important; + --background-accent: #a6afb8 !important; + /* Text Colors */ - --text-0: #586875; - --text-1: #586875; - --text-2: #586875; - --text-3: #586875; - --text-4: #586875; - --text-5: #85939e; - - /* Popups & Modals - using hex + alpha */ - --hover: #33b5e11a; - --active: #33b5e133; - --message-hover: #e8e9ed0a; + --text-default: #586875; + --text-strong: #586875 !important; + --text-muted: #667581 !important; + --text-subtle: #85939e; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #222e38 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #222e38; + --control-brand-foreground: #222e38; + --text-link: #33b5e1 !important; + + /* Syntax & Status */ + --status-positive: #7cc844; + --status-warning: #e4b51c; + --status-danger: #ef5253; + --icon-voice-muted: #ef5253; + + /* Scrollbars */ + --scrollbar-thin-thumb: #222e38; + --scrollbar-auto-thumb: #222e38; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f5f7fa !important; + background-color: #222e38 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #586875; + background: #f5f7fa; +} +.hljs-keyword { color: #a363d5; } +.hljs-string { color: #7cc844; } +.hljs-number { color: #e66b2b; } +.hljs-comment { color: #85939e; } + +/* 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. +*/ diff --git a/build/base16-solarized-dark b/build/base16-solarized-dark index 12e8a10..00a4e62 100644 --- a/build/base16-solarized-dark +++ b/build/base16-solarized-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #859900; /* Green */ - --dnd-indicator: #dc322f; /* Red */ - --idle-indicator: #b58900; /* Yellow */ - --streaming-indicator: #6c71c4; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #268bd2; /* Blue */ - --accent-2: #2aa198; /* Cyan */ - --accent-3: #2aa198; - --accent-4: #268bd2; - --accent-5: #dc322f; - - /* Backgrounds */ - --bg-1: #002b36; - --bg-2: #073642; - --bg-3: #002b36; - --bg-4: #002b36; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #002b36; + --background-base-lowest: #002b36 !important; + --background-base-lower: #073642 !important; + --background-surface-high: #002b36 !important; + --chat-background: #002b36; + --home-background: #002b36; + + /* UI Accents & Surfaces */ + --background-surface-higher: #073642 !important; + --background-surface-highest: #586e75 !important; + --background-accent: #586e75 !important; + /* Text Colors */ - --text-0: #93a1a1; - --text-1: #93a1a1; - --text-2: #93a1a1; - --text-3: #93a1a1; - --text-4: #93a1a1; - --text-5: #657b83; - - /* Popups & Modals - using hex + alpha */ - --hover: #268bd21a; - --active: #268bd233; - --message-hover: #0736420a; + --text-default: #93a1a1; + --text-strong: #93a1a1 !important; + --text-muted: #839496 !important; + --text-subtle: #657b83; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eee8d5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eee8d5; + --control-brand-foreground: #eee8d5; + --text-link: #268bd2 !important; + + /* Syntax & Status */ + --status-positive: #859900; + --status-warning: #b58900; + --status-danger: #dc322f; + --icon-voice-muted: #dc322f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eee8d5; + --scrollbar-auto-thumb: #eee8d5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #002b36 !important; + background-color: #eee8d5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #93a1a1; + background: #002b36; +} +.hljs-keyword { color: #6c71c4; } +.hljs-string { color: #859900; } +.hljs-number { color: #cb4b16; } +.hljs-comment { color: #657b83; } + +/* 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. +*/ diff --git a/build/base16-solarized-light b/build/base16-solarized-light index 8770654..fc3fa1d 100644 --- a/build/base16-solarized-light +++ b/build/base16-solarized-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #859900; /* Green */ - --dnd-indicator: #dc322f; /* Red */ - --idle-indicator: #b58900; /* Yellow */ - --streaming-indicator: #6c71c4; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #268bd2; /* Blue */ - --accent-2: #2aa198; /* Cyan */ - --accent-3: #2aa198; - --accent-4: #268bd2; - --accent-5: #dc322f; - - /* Backgrounds */ - --bg-1: #fdf6e3; - --bg-2: #eee8d5; - --bg-3: #fdf6e3; - --bg-4: #fdf6e3; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fdf6e3; + --background-base-lowest: #fdf6e3 !important; + --background-base-lower: #eee8d5 !important; + --background-surface-high: #fdf6e3 !important; + --chat-background: #fdf6e3; + --home-background: #fdf6e3; + + /* UI Accents & Surfaces */ + --background-surface-higher: #eee8d5 !important; + --background-surface-highest: #93a1a1 !important; + --background-accent: #93a1a1 !important; + /* Text Colors */ - --text-0: #586e75; - --text-1: #586e75; - --text-2: #586e75; - --text-3: #586e75; - --text-4: #586e75; - --text-5: #839496; - - /* Popups & Modals - using hex + alpha */ - --hover: #268bd21a; - --active: #268bd233; - --message-hover: #eee8d50a; + --text-default: #586e75; + --text-strong: #586e75 !important; + --text-muted: #657b83 !important; + --text-subtle: #839496; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #073642 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #073642; + --control-brand-foreground: #073642; + --text-link: #268bd2 !important; + + /* Syntax & Status */ + --status-positive: #859900; + --status-warning: #b58900; + --status-danger: #dc322f; + --icon-voice-muted: #dc322f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #073642; + --scrollbar-auto-thumb: #073642; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fdf6e3 !important; + background-color: #073642 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #586e75; + background: #fdf6e3; +} +.hljs-keyword { color: #6c71c4; } +.hljs-string { color: #859900; } +.hljs-number { color: #cb4b16; } +.hljs-comment { color: #839496; } + +/* 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. +*/ diff --git a/build/base16-spaceduck b/build/base16-spaceduck index a4fe85d..71b7802 100644 --- a/build/base16-spaceduck +++ b/build/base16-spaceduck @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5ccc96; /* Green */ - --dnd-indicator: #e33400; /* Red */ - --idle-indicator: #f2ce00; /* Yellow */ - --streaming-indicator: #b3a1e6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7a5ccc; /* Blue */ - --accent-2: #00a3cc; /* Cyan */ - --accent-3: #00a3cc; - --accent-4: #7a5ccc; - --accent-5: #e33400; - - /* Backgrounds */ - --bg-1: #16172d; - --bg-2: #1b1c36; - --bg-3: #16172d; - --bg-4: #16172d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #16172d; + --background-base-lowest: #16172d !important; + --background-base-lower: #1b1c36 !important; + --background-surface-high: #16172d !important; + --chat-background: #16172d; + --home-background: #16172d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1b1c36 !important; + --background-surface-highest: #30365f !important; + --background-accent: #30365f !important; + /* Text Colors */ - --text-0: #ecf0c1; - --text-1: #ecf0c1; - --text-2: #ecf0c1; - --text-3: #ecf0c1; - --text-4: #ecf0c1; - --text-5: #686f9a; - - /* Popups & Modals - using hex + alpha */ - --hover: #7a5ccc1a; - --active: #7a5ccc33; - --message-hover: #1b1c360a; + --text-default: #ecf0c1; + --text-strong: #ecf0c1 !important; + --text-muted: #818596 !important; + --text-subtle: #686f9a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c1c3cc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c1c3cc; + --control-brand-foreground: #c1c3cc; + --text-link: #7a5ccc !important; + + /* Syntax & Status */ + --status-positive: #5ccc96; + --status-warning: #f2ce00; + --status-danger: #e33400; + --icon-voice-muted: #e33400; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c1c3cc; + --scrollbar-auto-thumb: #c1c3cc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #16172d !important; + background-color: #c1c3cc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #ecf0c1; + background: #16172d; +} +.hljs-keyword { color: #b3a1e6; } +.hljs-string { color: #5ccc96; } +.hljs-number { color: #e39400; } +.hljs-comment { color: #686f9a; } + +/* 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. +*/ diff --git a/build/base16-spacemacs b/build/base16-spacemacs index 4b8541c..40c6624 100644 --- a/build/base16-spacemacs +++ b/build/base16-spacemacs @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #67b11d; /* Green */ - --dnd-indicator: #f2241f; /* Red */ - --idle-indicator: #b1951d; /* Yellow */ - --streaming-indicator: #a31db1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4f97d7; /* Blue */ - --accent-2: #2d9574; /* Cyan */ - --accent-3: #2d9574; - --accent-4: #4f97d7; - --accent-5: #f2241f; - - /* Backgrounds */ - --bg-1: #1f2022; - --bg-2: #282828; - --bg-3: #1f2022; - --bg-4: #1f2022; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1f2022; + --background-base-lowest: #1f2022 !important; + --background-base-lower: #282828 !important; + --background-surface-high: #1f2022 !important; + --chat-background: #1f2022; + --home-background: #1f2022; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282828 !important; + --background-surface-highest: #444155 !important; + --background-accent: #444155 !important; + /* Text Colors */ - --text-0: #a3a3a3; - --text-1: #a3a3a3; - --text-2: #a3a3a3; - --text-3: #a3a3a3; - --text-4: #a3a3a3; - --text-5: #585858; - - /* Popups & Modals - using hex + alpha */ - --hover: #4f97d71a; - --active: #4f97d733; - --message-hover: #2828280a; + --text-default: #a3a3a3; + --text-strong: #a3a3a3 !important; + --text-muted: #b8b8b8 !important; + --text-subtle: #585858; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #4f97d7 !important; + + /* Syntax & Status */ + --status-positive: #67b11d; + --status-warning: #b1951d; + --status-danger: #f2241f; + --icon-voice-muted: #f2241f; + + /* 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: #1f2022 !important; + background-color: #e8e8e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a3a3a3; + background: #1f2022; +} +.hljs-keyword { color: #a31db1; } +.hljs-string { color: #67b11d; } +.hljs-number { color: #ffa500; } +.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. +*/ diff --git a/build/base16-sparky b/build/base16-sparky index 515c5a0..ed463e4 100644 --- a/build/base16-sparky +++ b/build/base16-sparky @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #78d64b; /* Green */ - --dnd-indicator: #ff585d; /* Red */ - --idle-indicator: #fbdd40; /* Yellow */ - --streaming-indicator: #d59ed7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4698cb; /* Blue */ - --accent-2: #2dccd3; /* Cyan */ - --accent-3: #2dccd3; - --accent-4: #4698cb; - --accent-5: #ff585d; - - /* Backgrounds */ - --bg-1: #072b31; - --bg-2: #00313c; - --bg-3: #072b31; - --bg-4: #072b31; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #072b31; + --background-base-lowest: #072b31 !important; + --background-base-lower: #00313c !important; + --background-surface-high: #072b31 !important; + --chat-background: #072b31; + --home-background: #072b31; + + /* UI Accents & Surfaces */ + --background-surface-higher: #00313c !important; + --background-surface-highest: #003c46 !important; + --background-accent: #003c46 !important; + /* Text Colors */ - --text-0: #f4f5f0; - --text-1: #f4f5f0; - --text-2: #f4f5f0; - --text-3: #f4f5f0; - --text-4: #f4f5f0; - --text-5: #003b49; - - /* Popups & Modals - using hex + alpha */ - --hover: #4698cb1a; - --active: #4698cb33; - --message-hover: #00313c0a; + --text-default: #f4f5f0; + --text-strong: #f4f5f0 !important; + --text-muted: #00778b !important; + --text-subtle: #003b49; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f5f5f1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f5f5f1; + --control-brand-foreground: #f5f5f1; + --text-link: #4698cb !important; + + /* Syntax & Status */ + --status-positive: #78d64b; + --status-warning: #fbdd40; + --status-danger: #ff585d; + --icon-voice-muted: #ff585d; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f5f5f1; + --scrollbar-auto-thumb: #f5f5f1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #072b31 !important; + background-color: #f5f5f1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #f4f5f0; + background: #072b31; +} +.hljs-keyword { color: #d59ed7; } +.hljs-string { color: #78d64b; } +.hljs-number { color: #ff8f1c; } +.hljs-comment { color: #003b49; } + +/* 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. +*/ diff --git a/build/base16-standardized-dark b/build/base16-standardized-dark index 1c6461c..1e653e6 100644 --- a/build/base16-standardized-dark +++ b/build/base16-standardized-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5db129; /* Green */ - --dnd-indicator: #e15d67; /* Red */ - --idle-indicator: #e1b31a; /* Yellow */ - --streaming-indicator: #b46ee0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00a3f2; /* Blue */ - --accent-2: #21c992; /* Cyan */ - --accent-3: #21c992; - --accent-4: #00a3f2; - --accent-5: #e15d67; - - /* Backgrounds */ - --bg-1: #222222; - --bg-2: #303030; - --bg-3: #222222; - --bg-4: #222222; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #222222; + --background-base-lowest: #222222 !important; + --background-base-lower: #303030 !important; + --background-surface-high: #222222 !important; + --chat-background: #222222; + --home-background: #222222; + + /* UI Accents & Surfaces */ + --background-surface-higher: #303030 !important; + --background-surface-highest: #555555 !important; + --background-accent: #555555 !important; + /* Text Colors */ - --text-0: #c0c0c0; - --text-1: #c0c0c0; - --text-2: #c0c0c0; - --text-3: #c0c0c0; - --text-4: #c0c0c0; - --text-5: #898989; - - /* Popups & Modals - using hex + alpha */ - --hover: #00a3f21a; - --active: #00a3f233; - --message-hover: #3030300a; + --text-default: #c0c0c0; + --text-strong: #c0c0c0 !important; + --text-muted: #898989 !important; + --text-subtle: #898989; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #00a3f2 !important; + + /* Syntax & Status */ + --status-positive: #5db129; + --status-warning: #e1b31a; + --status-danger: #e15d67; + --icon-voice-muted: #e15d67; + + /* 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: #222222 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c0c0; + background: #222222; +} +.hljs-keyword { color: #b46ee0; } +.hljs-string { color: #5db129; } +.hljs-number { color: #fc804e; } +.hljs-comment { color: #898989; } + +/* 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. +*/ diff --git a/build/base16-standardized-light b/build/base16-standardized-light index 33f4483..45d1f10 100644 --- a/build/base16-standardized-light +++ b/build/base16-standardized-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #31861f; /* Green */ - --dnd-indicator: #d03e3e; /* Red */ - --idle-indicator: #ad8200; /* Yellow */ - --streaming-indicator: #9e57c2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3173c5; /* Blue */ - --accent-2: #00998f; /* Cyan */ - --accent-3: #00998f; - --accent-4: #3173c5; - --accent-5: #d03e3e; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #eeeeee; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #ffffff; + --background-base-lowest: #ffffff !important; + --background-base-lower: #eeeeee !important; + --background-surface-high: #ffffff !important; + --chat-background: #ffffff; + --home-background: #ffffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #eeeeee !important; + --background-surface-highest: #cccccc !important; + --background-accent: #cccccc !important; + /* Text Colors */ - --text-0: #444444; - --text-1: #444444; - --text-2: #444444; - --text-3: #444444; - --text-4: #444444; - --text-5: #767676; - - /* Popups & Modals - using hex + alpha */ - --hover: #3173c51a; - --active: #3173c533; - --message-hover: #eeeeee0a; + --text-default: #444444; + --text-strong: #444444 !important; + --text-muted: #767676 !important; + --text-subtle: #767676; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #333333 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #333333; + --control-brand-foreground: #333333; + --text-link: #3173c5 !important; + + /* Syntax & Status */ + --status-positive: #31861f; + --status-warning: #ad8200; + --status-danger: #d03e3e; + --icon-voice-muted: #d03e3e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #333333; + --scrollbar-auto-thumb: #333333; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #333333 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #444444; + background: #ffffff; +} +.hljs-keyword { color: #9e57c2; } +.hljs-string { color: #31861f; } +.hljs-number { color: #d7691d; } +.hljs-comment { color: #767676; } + +/* 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. +*/ diff --git a/build/base16-stella b/build/base16-stella index 6684ee8..8fec383 100644 --- a/build/base16-stella +++ b/build/base16-stella @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #acc79b; /* Green */ - --dnd-indicator: #c79987; /* Red */ - --idle-indicator: #c7c691; /* Yellow */ - --streaming-indicator: #c594ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #a5aad4; /* Blue */ - --accent-2: #9bc7bf; /* Cyan */ - --accent-3: #9bc7bf; - --accent-4: #a5aad4; - --accent-5: #c79987; - - /* Backgrounds */ - --bg-1: #2b213c; - --bg-2: #362b48; - --bg-3: #2b213c; - --bg-4: #2b213c; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2b213c; + --background-base-lowest: #2b213c !important; + --background-base-lower: #362b48 !important; + --background-surface-high: #2b213c !important; + --chat-background: #2b213c; + --home-background: #2b213c; + + /* UI Accents & Surfaces */ + --background-surface-higher: #362b48 !important; + --background-surface-highest: #4d4160 !important; + --background-accent: #4d4160 !important; + /* Text Colors */ - --text-0: #998bad; - --text-1: #998bad; - --text-2: #998bad; - --text-3: #998bad; - --text-4: #998bad; - --text-5: #655978; - - /* Popups & Modals - using hex + alpha */ - --hover: #a5aad41a; - --active: #a5aad433; - --message-hover: #362b480a; + --text-default: #998bad; + --text-strong: #998bad !important; + --text-muted: #7f7192 !important; + --text-subtle: #655978; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b4a5c8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b4a5c8; + --control-brand-foreground: #b4a5c8; + --text-link: #a5aad4 !important; + + /* Syntax & Status */ + --status-positive: #acc79b; + --status-warning: #c7c691; + --status-danger: #c79987; + --icon-voice-muted: #c79987; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b4a5c8; + --scrollbar-auto-thumb: #b4a5c8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2b213c !important; + background-color: #b4a5c8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #998bad; + background: #2b213c; +} +.hljs-keyword { color: #c594ff; } +.hljs-string { color: #acc79b; } +.hljs-number { color: #8865c6; } +.hljs-comment { color: #655978; } + +/* 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. +*/ diff --git a/build/base16-still-alive b/build/base16-still-alive index 414dba8..241575f 100644 --- a/build/base16-still-alive +++ b/build/base16-still-alive @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #30a860; /* Green */ - --dnd-indicator: #d80000; /* Red */ - --idle-indicator: #fff018; /* Yellow */ - --streaming-indicator: #9036ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #365eff; /* Blue */ - --accent-2: #36d3ff; /* Cyan */ - --accent-3: #36d3ff; - --accent-4: #365eff; - --accent-5: #d80000; - - /* Backgrounds */ - --bg-1: #f0f0f0; - --bg-2: #d6d6d6; - --bg-3: #f0f0f0; - --bg-4: #f0f0f0; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f0f0f0; + --background-base-lowest: #f0f0f0 !important; + --background-base-lower: #d6d6d6 !important; + --background-surface-high: #f0f0f0 !important; + --chat-background: #f0f0f0; + --home-background: #f0f0f0; + + /* UI Accents & Surfaces */ + --background-surface-higher: #d6d6d6 !important; + --background-surface-highest: #bdbdbd !important; + --background-accent: #bdbdbd !important; + /* Text Colors */ - --text-0: #4c383b; - --text-1: #4c383b; - --text-2: #4c383b; - --text-3: #4c383b; - --text-4: #4c383b; - --text-5: #a3a3a3; - - /* Popups & Modals - using hex + alpha */ - --hover: #365eff1a; - --active: #365eff33; - --message-hover: #d6d6d60a; + --text-default: #4c383b; + --text-strong: #4c383b !important; + --text-muted: #605758 !important; + --text-subtle: #a3a3a3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #331f21 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #331f21; + --control-brand-foreground: #331f21; + --text-link: #365eff !important; + + /* Syntax & Status */ + --status-positive: #30a860; + --status-warning: #fff018; + --status-danger: #d80000; + --icon-voice-muted: #d80000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #331f21; + --scrollbar-auto-thumb: #331f21; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f0f0f0 !important; + background-color: #331f21 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #4c383b; + background: #f0f0f0; +} +.hljs-keyword { color: #9036ff; } +.hljs-string { color: #30a860; } +.hljs-number { color: #f0d848; } +.hljs-comment { color: #a3a3a3; } + +/* 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. +*/ diff --git a/build/base16-summercamp b/build/base16-summercamp index 9fcbf7f..a83f6a8 100644 --- a/build/base16-summercamp +++ b/build/base16-summercamp @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5ceb5a; /* Green */ - --dnd-indicator: #e35142; /* Red */ - --idle-indicator: #f2ff27; /* Yellow */ - --streaming-indicator: #ff8080; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #489bf0; /* Blue */ - --accent-2: #5aebbc; /* Cyan */ - --accent-3: #5aebbc; - --accent-4: #489bf0; - --accent-5: #e35142; - - /* Backgrounds */ - --bg-1: #1c1810; - --bg-2: #2a261c; - --bg-3: #1c1810; - --bg-4: #1c1810; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1c1810; + --background-base-lowest: #1c1810 !important; + --background-base-lower: #2a261c !important; + --background-surface-high: #1c1810 !important; + --chat-background: #1c1810; + --home-background: #1c1810; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a261c !important; + --background-surface-highest: #3a3527 !important; + --background-accent: #3a3527 !important; + /* Text Colors */ - --text-0: #736e55; - --text-1: #736e55; - --text-2: #736e55; - --text-3: #736e55; - --text-4: #736e55; - --text-5: #504b38; - - /* Popups & Modals - using hex + alpha */ - --hover: #489bf01a; - --active: #489bf033; - --message-hover: #2a261c0a; + --text-default: #736e55; + --text-strong: #736e55 !important; + --text-muted: #5f5b45 !important; + --text-subtle: #504b38; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #bab696 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #bab696; + --control-brand-foreground: #bab696; + --text-link: #489bf0 !important; + + /* Syntax & Status */ + --status-positive: #5ceb5a; + --status-warning: #f2ff27; + --status-danger: #e35142; + --icon-voice-muted: #e35142; + + /* Scrollbars */ + --scrollbar-thin-thumb: #bab696; + --scrollbar-auto-thumb: #bab696; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1c1810 !important; + background-color: #bab696 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #736e55; + background: #1c1810; +} +.hljs-keyword { color: #ff8080; } +.hljs-string { color: #5ceb5a; } +.hljs-number { color: #fba11b; } +.hljs-comment { color: #504b38; } + +/* 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. +*/ diff --git a/build/base16-summerfruit-dark b/build/base16-summerfruit-dark index fe724cb..3bd07f3 100644 --- a/build/base16-summerfruit-dark +++ b/build/base16-summerfruit-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00c918; /* Green */ - --dnd-indicator: #ff0086; /* Red */ - --idle-indicator: #aba800; /* Yellow */ - --streaming-indicator: #ad00a1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3777e6; /* Blue */ - --accent-2: #1faaaa; /* Cyan */ - --accent-3: #1faaaa; - --accent-4: #3777e6; - --accent-5: #ff0086; - - /* Backgrounds */ - --bg-1: #151515; - --bg-2: #202020; - --bg-3: #151515; - --bg-4: #151515; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #d0d0d0; - --text-1: #d0d0d0; - --text-2: #d0d0d0; - --text-3: #d0d0d0; - --text-4: #d0d0d0; - --text-5: #505050; - - /* Popups & Modals - using hex + alpha */ - --hover: #3777e61a; - --active: #3777e633; - --message-hover: #2020200a; + --text-default: #d0d0d0; + --text-strong: #d0d0d0 !important; + --text-muted: #b0b0b0 !important; + --text-subtle: #505050; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #3777e6 !important; + + /* Syntax & Status */ + --status-positive: #00c918; + --status-warning: #aba800; + --status-danger: #ff0086; + --icon-voice-muted: #ff0086; + + /* 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: #ad00a1; } +.hljs-string { color: #00c918; } +.hljs-number { color: #fd8900; } +.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. +*/ diff --git a/build/base16-summerfruit-light b/build/base16-summerfruit-light index 0183510..14f8a61 100644 --- a/build/base16-summerfruit-light +++ b/build/base16-summerfruit-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00c918; /* Green */ - --dnd-indicator: #ff0086; /* Red */ - --idle-indicator: #aba800; /* Yellow */ - --streaming-indicator: #ad00a1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3777e6; /* Blue */ - --accent-2: #1faaaa; /* Cyan */ - --accent-3: #1faaaa; - --accent-4: #3777e6; - --accent-5: #ff0086; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #e0e0e0; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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: #d0d0d0 !important; + --background-accent: #d0d0d0 !important; + /* Text Colors */ - --text-0: #101010; - --text-1: #101010; - --text-2: #101010; - --text-3: #101010; - --text-4: #101010; - --text-5: #b0b0b0; - - /* Popups & Modals - using hex + alpha */ - --hover: #3777e61a; - --active: #3777e633; - --message-hover: #e0e0e00a; + --text-default: #101010; + --text-strong: #101010 !important; + --text-muted: #000000 !important; + --text-subtle: #b0b0b0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #151515 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #151515; + --control-brand-foreground: #151515; + --text-link: #3777e6 !important; + + /* Syntax & Status */ + --status-positive: #00c918; + --status-warning: #aba800; + --status-danger: #ff0086; + --icon-voice-muted: #ff0086; + + /* Scrollbars */ + --scrollbar-thin-thumb: #151515; + --scrollbar-auto-thumb: #151515; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #151515 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #101010; + background: #ffffff; +} +.hljs-keyword { color: #ad00a1; } +.hljs-string { color: #00c918; } +.hljs-number { color: #fd8900; } +.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. +*/ diff --git a/build/base16-synth-midnight-dark b/build/base16-synth-midnight-dark index d21cfbe..d9c2a84 100644 --- a/build/base16-synth-midnight-dark +++ b/build/base16-synth-midnight-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #06ea61; /* Green */ - --dnd-indicator: #b53b50; /* Red */ - --idle-indicator: #c9d364; /* Yellow */ - --streaming-indicator: #ea5ce2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #03aeff; /* Blue */ - --accent-2: #42fff9; /* Cyan */ - --accent-3: #42fff9; - --accent-4: #03aeff; - --accent-5: #b53b50; - - /* Backgrounds */ - --bg-1: #050608; - --bg-2: #1a1b1c; - --bg-3: #050608; - --bg-4: #050608; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #050608; + --background-base-lowest: #050608 !important; + --background-base-lower: #1a1b1c !important; + --background-surface-high: #050608 !important; + --chat-background: #050608; + --home-background: #050608; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1a1b1c !important; + --background-surface-highest: #28292a !important; + --background-accent: #28292a !important; + /* Text Colors */ - --text-0: #c1c3c4; - --text-1: #c1c3c4; - --text-2: #c1c3c4; - --text-3: #c1c3c4; - --text-4: #c1c3c4; - --text-5: #474849; - - /* Popups & Modals - using hex + alpha */ - --hover: #03aeff1a; - --active: #03aeff33; - --message-hover: #1a1b1c0a; + --text-default: #c1c3c4; + --text-strong: #c1c3c4 !important; + --text-muted: #a3a5a6 !important; + --text-subtle: #474849; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cfd1d2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cfd1d2; + --control-brand-foreground: #cfd1d2; + --text-link: #03aeff !important; + + /* Syntax & Status */ + --status-positive: #06ea61; + --status-warning: #c9d364; + --status-danger: #b53b50; + --icon-voice-muted: #b53b50; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cfd1d2; + --scrollbar-auto-thumb: #cfd1d2; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #050608 !important; + background-color: #cfd1d2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c1c3c4; + background: #050608; +} +.hljs-keyword { color: #ea5ce2; } +.hljs-string { color: #06ea61; } +.hljs-number { color: #ea770d; } +.hljs-comment { color: #474849; } + +/* 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. +*/ diff --git a/build/base16-synth-midnight-light b/build/base16-synth-midnight-light index 4940366..3d7d87c 100644 --- a/build/base16-synth-midnight-light +++ b/build/base16-synth-midnight-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #06ea61; /* Green */ - --dnd-indicator: #b53b50; /* Red */ - --idle-indicator: #c9d364; /* Yellow */ - --streaming-indicator: #ea5ce2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #03aeff; /* Blue */ - --accent-2: #42fff9; /* Cyan */ - --accent-3: #42fff9; - --accent-4: #03aeff; - --accent-5: #b53b50; - - /* Backgrounds */ - --bg-1: #dddfe0; - --bg-2: #cfd1d2; - --bg-3: #dddfe0; - --bg-4: #dddfe0; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #dddfe0; + --background-base-lowest: #dddfe0 !important; + --background-base-lower: #cfd1d2 !important; + --background-surface-high: #dddfe0 !important; + --chat-background: #dddfe0; + --home-background: #dddfe0; + + /* UI Accents & Surfaces */ + --background-surface-higher: #cfd1d2 !important; + --background-surface-highest: #c1c3c4 !important; + --background-accent: #c1c3c4 !important; + /* Text Colors */ - --text-0: #28292a; - --text-1: #28292a; - --text-2: #28292a; - --text-3: #28292a; - --text-4: #28292a; - --text-5: #a3a5a6; - - /* Popups & Modals - using hex + alpha */ - --hover: #03aeff1a; - --active: #03aeff33; - --message-hover: #cfd1d20a; + --text-default: #28292a; + --text-strong: #28292a !important; + --text-muted: #474849 !important; + --text-subtle: #a3a5a6; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1a1b1c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1a1b1c; + --control-brand-foreground: #1a1b1c; + --text-link: #03aeff !important; + + /* Syntax & Status */ + --status-positive: #06ea61; + --status-warning: #c9d364; + --status-danger: #b53b50; + --icon-voice-muted: #b53b50; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1a1b1c; + --scrollbar-auto-thumb: #1a1b1c; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #dddfe0 !important; + background-color: #1a1b1c !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #28292a; + background: #dddfe0; +} +.hljs-keyword { color: #ea5ce2; } +.hljs-string { color: #06ea61; } +.hljs-number { color: #ea770d; } +.hljs-comment { color: #a3a5a6; } + +/* 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. +*/ diff --git a/build/base16-tango b/build/base16-tango index b15fd37..01e7fe1 100644 --- a/build/base16-tango +++ b/build/base16-tango @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #4e9a06; /* Green */ - --dnd-indicator: #cc0000; /* Red */ - --idle-indicator: #c4a000; /* Yellow */ - --streaming-indicator: #75507b; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3465a4; /* Blue */ - --accent-2: #06989a; /* Cyan */ - --accent-3: #06989a; - --accent-4: #3465a4; - --accent-5: #cc0000; - - /* Backgrounds */ - --bg-1: #2e3436; - --bg-2: #8ae234; - --bg-3: #2e3436; - --bg-4: #2e3436; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2e3436; + --background-base-lowest: #2e3436 !important; + --background-base-lower: #8ae234 !important; + --background-surface-high: #2e3436 !important; + --chat-background: #2e3436; + --home-background: #2e3436; + + /* UI Accents & Surfaces */ + --background-surface-higher: #8ae234 !important; + --background-surface-highest: #fce94f !important; + --background-accent: #fce94f !important; + /* Text Colors */ - --text-0: #d3d7cf; - --text-1: #d3d7cf; - --text-2: #d3d7cf; - --text-3: #d3d7cf; - --text-4: #d3d7cf; - --text-5: #555753; - - /* Popups & Modals - using hex + alpha */ - --hover: #3465a41a; - --active: #3465a433; - --message-hover: #8ae2340a; + --text-default: #d3d7cf; + --text-strong: #d3d7cf !important; + --text-muted: #729fcf !important; + --text-subtle: #555753; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #ad7fa8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #ad7fa8; + --control-brand-foreground: #ad7fa8; + --text-link: #3465a4 !important; + + /* Syntax & Status */ + --status-positive: #4e9a06; + --status-warning: #c4a000; + --status-danger: #cc0000; + --icon-voice-muted: #cc0000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #ad7fa8; + --scrollbar-auto-thumb: #ad7fa8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2e3436 !important; + background-color: #ad7fa8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d3d7cf; + background: #2e3436; +} +.hljs-keyword { color: #75507b; } +.hljs-string { color: #4e9a06; } +.hljs-number { color: #ef2929; } +.hljs-comment { color: #555753; } + +/* 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. +*/ diff --git a/build/base16-tarot b/build/base16-tarot index a671462..e113c14 100644 --- a/build/base16-tarot +++ b/build/base16-tarot @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #a68e5a; /* Green */ - --dnd-indicator: #c53253; /* Red */ - --idle-indicator: #ff6565; /* Yellow */ - --streaming-indicator: #a45782; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6e6080; /* Blue */ - --accent-2: #8c9785; /* Cyan */ - --accent-3: #8c9785; - --accent-4: #6e6080; - --accent-5: #c53253; - - /* Backgrounds */ - --bg-1: #0e091d; - --bg-2: #2a153c; - --bg-3: #0e091d; - --bg-4: #0e091d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0e091d; + --background-base-lowest: #0e091d !important; + --background-base-lower: #2a153c !important; + --background-surface-high: #0e091d !important; + --chat-background: #0e091d; + --home-background: #0e091d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a153c !important; + --background-surface-highest: #4b2054 !important; + --background-accent: #4b2054 !important; + /* Text Colors */ - --text-0: #aa556f; - --text-1: #aa556f; - --text-2: #aa556f; - --text-3: #aa556f; - --text-4: #aa556f; - --text-5: #74316b; - - /* Popups & Modals - using hex + alpha */ - --hover: #6e60801a; - --active: #6e608033; - --message-hover: #2a153c0a; + --text-default: #aa556f; + --text-strong: #aa556f !important; + --text-muted: #8c406f !important; + --text-subtle: #74316b; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c4686d !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c4686d; + --control-brand-foreground: #c4686d; + --text-link: #6e6080 !important; + + /* Syntax & Status */ + --status-positive: #a68e5a; + --status-warning: #ff6565; + --status-danger: #c53253; + --icon-voice-muted: #c53253; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c4686d; + --scrollbar-auto-thumb: #c4686d; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0e091d !important; + background-color: #c4686d !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #aa556f; + background: #0e091d; +} +.hljs-keyword { color: #a45782; } +.hljs-string { color: #a68e5a; } +.hljs-number { color: #ea4d60; } +.hljs-comment { color: #74316b; } + +/* 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. +*/ diff --git a/build/base16-tender b/build/base16-tender index f734377..3e79f96 100644 --- a/build/base16-tender +++ b/build/base16-tender @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #c9d05c; /* Green */ - --dnd-indicator: #f43753; /* Red */ - --idle-indicator: #ffc24b; /* Yellow */ - --streaming-indicator: #d3b987; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #b3deef; /* Blue */ - --accent-2: #73cef4; /* Cyan */ - --accent-3: #73cef4; - --accent-4: #b3deef; - --accent-5: #f43753; - - /* Backgrounds */ - --bg-1: #282828; - --bg-2: #383838; - --bg-3: #282828; - --bg-4: #282828; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282828; + --background-base-lowest: #282828 !important; + --background-base-lower: #383838 !important; + --background-surface-high: #282828 !important; + --chat-background: #282828; + --home-background: #282828; + + /* UI Accents & Surfaces */ + --background-surface-higher: #383838 !important; + --background-surface-highest: #484848 !important; + --background-accent: #484848 !important; + /* Text Colors */ - --text-0: #eeeeee; - --text-1: #eeeeee; - --text-2: #eeeeee; - --text-3: #eeeeee; - --text-4: #eeeeee; - --text-5: #4c4c4c; - - /* Popups & Modals - using hex + alpha */ - --hover: #b3deef1a; - --active: #b3deef33; - --message-hover: #3838380a; + --text-default: #eeeeee; + --text-strong: #eeeeee !important; + --text-muted: #b8b8b8 !important; + --text-subtle: #4c4c4c; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e8e8e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e8e8e8; + --control-brand-foreground: #e8e8e8; + --text-link: #b3deef !important; + + /* Syntax & Status */ + --status-positive: #c9d05c; + --status-warning: #ffc24b; + --status-danger: #f43753; + --icon-voice-muted: #f43753; + + /* 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: #282828 !important; + background-color: #e8e8e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #eeeeee; + background: #282828; +} +.hljs-keyword { color: #d3b987; } +.hljs-string { color: #c9d05c; } +.hljs-number { color: #dc9656; } +.hljs-comment { color: #4c4c4c; } + +/* 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. +*/ diff --git a/build/base16-terracotta b/build/base16-terracotta index 485eabd..c4c9a9f 100644 --- a/build/base16-terracotta +++ b/build/base16-terracotta @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #7a894a; /* Green */ - --dnd-indicator: #a75045; /* Red */ - --idle-indicator: #ce943e; /* Yellow */ - --streaming-indicator: #8d5968; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #625574; /* Blue */ - --accent-2: #847f9e; /* Cyan */ - --accent-3: #847f9e; - --accent-4: #625574; - --accent-5: #a75045; - - /* Backgrounds */ - --bg-1: #efeae8; - --bg-2: #dfd6d1; - --bg-3: #efeae8; - --bg-4: #efeae8; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #efeae8; + --background-base-lowest: #efeae8 !important; + --background-base-lower: #dfd6d1 !important; + --background-surface-high: #efeae8 !important; + --chat-background: #efeae8; + --home-background: #efeae8; + + /* UI Accents & Surfaces */ + --background-surface-higher: #dfd6d1 !important; + --background-surface-highest: #d0c1bb !important; + --background-accent: #d0c1bb !important; + /* Text Colors */ - --text-0: #473731; - --text-1: #473731; - --text-2: #473731; - --text-3: #473731; - --text-4: #473731; - --text-5: #c0aca4; - - /* Popups & Modals - using hex + alpha */ - --hover: #6255741a; - --active: #62557433; - --message-hover: #dfd6d10a; + --text-default: #473731; + --text-strong: #473731 !important; + --text-muted: #59453d !important; + --text-subtle: #c0aca4; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #352a25 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #352a25; + --control-brand-foreground: #352a25; + --text-link: #625574 !important; + + /* Syntax & Status */ + --status-positive: #7a894a; + --status-warning: #ce943e; + --status-danger: #a75045; + --icon-voice-muted: #a75045; + + /* Scrollbars */ + --scrollbar-thin-thumb: #352a25; + --scrollbar-auto-thumb: #352a25; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #efeae8 !important; + background-color: #352a25 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #473731; + background: #efeae8; +} +.hljs-keyword { color: #8d5968; } +.hljs-string { color: #7a894a; } +.hljs-number { color: #bd6942; } +.hljs-comment { color: #c0aca4; } + +/* 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. +*/ diff --git a/build/base16-terracotta-dark b/build/base16-terracotta-dark index 8e0b038..4f6d7c5 100644 --- a/build/base16-terracotta-dark +++ b/build/base16-terracotta-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b6c68a; /* Green */ - --dnd-indicator: #f6998f; /* Red */ - --idle-indicator: #ffc37a; /* Yellow */ - --streaming-indicator: #d8a2b0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #b0a4c3; /* Blue */ - --accent-2: #c0bcdb; /* Cyan */ - --accent-3: #c0bcdb; - --accent-4: #b0a4c3; - --accent-5: #f6998f; - - /* Backgrounds */ - --bg-1: #241d1a; - --bg-2: #362b27; - --bg-3: #241d1a; - --bg-4: #241d1a; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #241d1a; + --background-base-lowest: #241d1a !important; + --background-base-lower: #362b27 !important; + --background-surface-high: #241d1a !important; + --chat-background: #241d1a; + --home-background: #241d1a; + + /* UI Accents & Surfaces */ + --background-surface-higher: #362b27 !important; + --background-surface-highest: #473933 !important; + --background-accent: #473933 !important; + /* Text Colors */ - --text-0: #b8a59d; - --text-1: #b8a59d; - --text-2: #b8a59d; - --text-3: #b8a59d; - --text-4: #b8a59d; - --text-5: #594740; - - /* Popups & Modals - using hex + alpha */ - --hover: #b0a4c31a; - --active: #b0a4c333; - --message-hover: #362b270a; + --text-default: #b8a59d; + --text-strong: #b8a59d !important; + --text-muted: #a78e84 !important; + --text-subtle: #594740; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cabbb5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cabbb5; + --control-brand-foreground: #cabbb5; + --text-link: #b0a4c3 !important; + + /* Syntax & Status */ + --status-positive: #b6c68a; + --status-warning: #ffc37a; + --status-danger: #f6998f; + --icon-voice-muted: #f6998f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cabbb5; + --scrollbar-auto-thumb: #cabbb5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #241d1a !important; + background-color: #cabbb5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b8a59d; + background: #241d1a; +} +.hljs-keyword { color: #d8a2b0; } +.hljs-string { color: #b6c68a; } +.hljs-number { color: #ffa888; } +.hljs-comment { color: #594740; } + +/* 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. +*/ diff --git a/build/base16-tokyo-city-dark b/build/base16-tokyo-city-dark index 7a9659a..70ce168 100644 --- a/build/base16-tokyo-city-dark +++ b/build/base16-tokyo-city-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #9ece6a; /* Green */ - --dnd-indicator: #f7768e; /* Red */ - --idle-indicator: #b7c5d3; /* Yellow */ - --streaming-indicator: #bb9af7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7aa2f7; /* Blue */ - --accent-2: #89ddff; /* Cyan */ - --accent-3: #89ddff; - --accent-4: #7aa2f7; - --accent-5: #f7768e; - - /* Backgrounds */ - --bg-1: #171d23; - --bg-2: #1d252c; - --bg-3: #171d23; - --bg-4: #171d23; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #171d23; + --background-base-lowest: #171d23 !important; + --background-base-lower: #1d252c !important; + --background-surface-high: #171d23 !important; + --chat-background: #171d23; + --home-background: #171d23; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1d252c !important; + --background-surface-highest: #28323a !important; + --background-accent: #28323a !important; + /* Text Colors */ - --text-0: #d8e2ec; - --text-1: #d8e2ec; - --text-2: #d8e2ec; - --text-3: #d8e2ec; - --text-4: #d8e2ec; - --text-5: #526270; - - /* Popups & Modals - using hex + alpha */ - --hover: #7aa2f71a; - --active: #7aa2f733; - --message-hover: #1d252c0a; + --text-default: #d8e2ec; + --text-strong: #d8e2ec !important; + --text-muted: #b7c5d3 !important; + --text-subtle: #526270; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f6f6f8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f6f6f8; + --control-brand-foreground: #f6f6f8; + --text-link: #7aa2f7 !important; + + /* Syntax & Status */ + --status-positive: #9ece6a; + --status-warning: #b7c5d3; + --status-danger: #f7768e; + --icon-voice-muted: #f7768e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f6f6f8; + --scrollbar-auto-thumb: #f6f6f8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #171d23 !important; + background-color: #f6f6f8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d8e2ec; + background: #171d23; +} +.hljs-keyword { color: #bb9af7; } +.hljs-string { color: #9ece6a; } +.hljs-number { color: #ff9e64; } +.hljs-comment { color: #526270; } + +/* 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. +*/ diff --git a/build/base16-tokyo-city-light b/build/base16-tokyo-city-light index b41959c..31cd9b7 100644 --- a/build/base16-tokyo-city-light +++ b/build/base16-tokyo-city-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #485e30; /* Green */ - --dnd-indicator: #8c4351; /* Red */ - --idle-indicator: #4c505e; /* Yellow */ - --streaming-indicator: #5a4a78; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #34548a; /* Blue */ - --accent-2: #4c505e; /* Cyan */ - --accent-3: #4c505e; - --accent-4: #34548a; - --accent-5: #8c4351; - - /* Backgrounds */ - --bg-1: #fbfbfd; - --bg-2: #f6f6f8; - --bg-3: #fbfbfd; - --bg-4: #fbfbfd; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbfbfd; + --background-base-lowest: #fbfbfd !important; + --background-base-lower: #f6f6f8 !important; + --background-surface-high: #fbfbfd !important; + --chat-background: #fbfbfd; + --home-background: #fbfbfd; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f6f6f8 !important; + --background-surface-highest: #edeff6 !important; + --background-accent: #edeff6 !important; + /* Text Colors */ - --text-0: #343b59; - --text-1: #343b59; - --text-2: #343b59; - --text-3: #343b59; - --text-4: #343b59; - --text-5: #9699a3; - - /* Popups & Modals - using hex + alpha */ - --hover: #34548a1a; - --active: #34548a33; - --message-hover: #f6f6f80a; + --text-default: #343b59; + --text-strong: #343b59 !important; + --text-muted: #4c505e !important; + --text-subtle: #9699a3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1d252c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1d252c; + --control-brand-foreground: #1d252c; + --text-link: #34548a !important; + + /* Syntax & Status */ + --status-positive: #485e30; + --status-warning: #4c505e; + --status-danger: #8c4351; + --icon-voice-muted: #8c4351; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1d252c; + --scrollbar-auto-thumb: #1d252c; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fbfbfd !important; + background-color: #1d252c !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #343b59; + background: #fbfbfd; +} +.hljs-keyword { color: #5a4a78; } +.hljs-string { color: #485e30; } +.hljs-number { color: #965027; } +.hljs-comment { color: #9699a3; } + +/* 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. +*/ diff --git a/build/base16-tokyo-city-terminal-dark b/build/base16-tokyo-city-terminal-dark index 1e3693c..d5eb459 100644 --- a/build/base16-tokyo-city-terminal-dark +++ b/build/base16-tokyo-city-terminal-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8bd49c; /* Green */ - --dnd-indicator: #d95468; /* Red */ - --idle-indicator: #ebbf83; /* Yellow */ - --streaming-indicator: #b62d65; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #539afc; /* Blue */ - --accent-2: #70e1e8; /* Cyan */ - --accent-3: #70e1e8; - --accent-4: #539afc; - --accent-5: #d95468; - - /* Backgrounds */ - --bg-1: #171d23; - --bg-2: #1d252c; - --bg-3: #171d23; - --bg-4: #171d23; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #171d23; + --background-base-lowest: #171d23 !important; + --background-base-lower: #1d252c !important; + --background-surface-high: #171d23 !important; + --chat-background: #171d23; + --home-background: #171d23; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1d252c !important; + --background-surface-highest: #28323a !important; + --background-accent: #28323a !important; + /* Text Colors */ - --text-0: #d8e2ec; - --text-1: #d8e2ec; - --text-2: #d8e2ec; - --text-3: #d8e2ec; - --text-4: #d8e2ec; - --text-5: #526270; - - /* Popups & Modals - using hex + alpha */ - --hover: #539afc1a; - --active: #539afc33; - --message-hover: #1d252c0a; + --text-default: #d8e2ec; + --text-strong: #d8e2ec !important; + --text-muted: #b7c5d3 !important; + --text-subtle: #526270; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #f6f6f8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #f6f6f8; + --control-brand-foreground: #f6f6f8; + --text-link: #539afc !important; + + /* Syntax & Status */ + --status-positive: #8bd49c; + --status-warning: #ebbf83; + --status-danger: #d95468; + --icon-voice-muted: #d95468; + + /* Scrollbars */ + --scrollbar-thin-thumb: #f6f6f8; + --scrollbar-auto-thumb: #f6f6f8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #171d23 !important; + background-color: #f6f6f8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d8e2ec; + background: #171d23; +} +.hljs-keyword { color: #b62d65; } +.hljs-string { color: #8bd49c; } +.hljs-number { color: #ff9e64; } +.hljs-comment { color: #526270; } + +/* 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. +*/ diff --git a/build/base16-tokyo-city-terminal-light b/build/base16-tokyo-city-terminal-light index ec821de..add9874 100644 --- a/build/base16-tokyo-city-terminal-light +++ b/build/base16-tokyo-city-terminal-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #33635c; /* Green */ - --dnd-indicator: #8c4351; /* Red */ - --idle-indicator: #8f5e15; /* Yellow */ - --streaming-indicator: #5a4a78; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #34548a; /* Blue */ - --accent-2: #0f4b6e; /* Cyan */ - --accent-3: #0f4b6e; - --accent-4: #34548a; - --accent-5: #8c4351; - - /* Backgrounds */ - --bg-1: #fbfbfd; - --bg-2: #f6f6f8; - --bg-3: #fbfbfd; - --bg-4: #fbfbfd; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fbfbfd; + --background-base-lowest: #fbfbfd !important; + --background-base-lower: #f6f6f8 !important; + --background-surface-high: #fbfbfd !important; + --chat-background: #fbfbfd; + --home-background: #fbfbfd; + + /* UI Accents & Surfaces */ + --background-surface-higher: #f6f6f8 !important; + --background-surface-highest: #d8e2ec !important; + --background-accent: #d8e2ec !important; + /* Text Colors */ - --text-0: #28323a; - --text-1: #28323a; - --text-2: #28323a; - --text-3: #28323a; - --text-4: #28323a; - --text-5: #b7c5d3; - - /* Popups & Modals - using hex + alpha */ - --hover: #34548a1a; - --active: #34548a33; - --message-hover: #f6f6f80a; + --text-default: #28323a; + --text-strong: #28323a !important; + --text-muted: #526270 !important; + --text-subtle: #b7c5d3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1d252c !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1d252c; + --control-brand-foreground: #1d252c; + --text-link: #34548a !important; + + /* Syntax & Status */ + --status-positive: #33635c; + --status-warning: #8f5e15; + --status-danger: #8c4351; + --icon-voice-muted: #8c4351; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1d252c; + --scrollbar-auto-thumb: #1d252c; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fbfbfd !important; + background-color: #1d252c !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #28323a; + background: #fbfbfd; +} +.hljs-keyword { color: #5a4a78; } +.hljs-string { color: #33635c; } +.hljs-number { color: #965027; } +.hljs-comment { color: #b7c5d3; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-dark b/build/base16-tokyo-night-dark index 25d7bcf..d6a4395 100644 --- a/build/base16-tokyo-night-dark +++ b/build/base16-tokyo-night-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #9ece6a; /* Green */ - --dnd-indicator: #c0caf5; /* Red */ - --idle-indicator: #0db9d7; /* Yellow */ - --streaming-indicator: #bb9af7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2ac3de; /* Blue */ - --accent-2: #b4f9f8; /* Cyan */ - --accent-3: #b4f9f8; - --accent-4: #2ac3de; - --accent-5: #c0caf5; - - /* Backgrounds */ - --bg-1: #1a1b26; - --bg-2: #16161e; - --bg-3: #1a1b26; - --bg-4: #1a1b26; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1a1b26; + --background-base-lowest: #1a1b26 !important; + --background-base-lower: #16161e !important; + --background-surface-high: #1a1b26 !important; + --chat-background: #1a1b26; + --home-background: #1a1b26; + + /* UI Accents & Surfaces */ + --background-surface-higher: #16161e !important; + --background-surface-highest: #2f3549 !important; + --background-accent: #2f3549 !important; + /* Text Colors */ - --text-0: #a9b1d6; - --text-1: #a9b1d6; - --text-2: #a9b1d6; - --text-3: #a9b1d6; - --text-4: #a9b1d6; - --text-5: #444b6a; - - /* Popups & Modals - using hex + alpha */ - --hover: #2ac3de1a; - --active: #2ac3de33; - --message-hover: #16161e0a; + --text-default: #a9b1d6; + --text-strong: #a9b1d6 !important; + --text-muted: #787c99 !important; + --text-subtle: #444b6a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cbccd1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cbccd1; + --control-brand-foreground: #cbccd1; + --text-link: #2ac3de !important; + + /* Syntax & Status */ + --status-positive: #9ece6a; + --status-warning: #0db9d7; + --status-danger: #c0caf5; + --icon-voice-muted: #c0caf5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cbccd1; + --scrollbar-auto-thumb: #cbccd1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1a1b26 !important; + background-color: #cbccd1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a9b1d6; + background: #1a1b26; +} +.hljs-keyword { color: #bb9af7; } +.hljs-string { color: #9ece6a; } +.hljs-number { color: #a9b1d6; } +.hljs-comment { color: #444b6a; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-light b/build/base16-tokyo-night-light index cc11feb..2463160 100644 --- a/build/base16-tokyo-night-light +++ b/build/base16-tokyo-night-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #485e30; /* Green */ - --dnd-indicator: #343b58; /* Red */ - --idle-indicator: #166775; /* Yellow */ - --streaming-indicator: #5a4a78; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #34548a; /* Blue */ - --accent-2: #3e6968; /* Cyan */ - --accent-3: #3e6968; - --accent-4: #34548a; - --accent-5: #343b58; - - /* Backgrounds */ - --bg-1: #d5d6db; - --bg-2: #cbccd1; - --bg-3: #d5d6db; - --bg-4: #d5d6db; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #d5d6db; + --background-base-lowest: #d5d6db !important; + --background-base-lower: #cbccd1 !important; + --background-surface-high: #d5d6db !important; + --chat-background: #d5d6db; + --home-background: #d5d6db; + + /* UI Accents & Surfaces */ + --background-surface-higher: #cbccd1 !important; + --background-surface-highest: #dfe0e5 !important; + --background-accent: #dfe0e5 !important; + /* Text Colors */ - --text-0: #343b59; - --text-1: #343b59; - --text-2: #343b59; - --text-3: #343b59; - --text-4: #343b59; - --text-5: #9699a3; - - /* Popups & Modals - using hex + alpha */ - --hover: #34548a1a; - --active: #34548a33; - --message-hover: #cbccd10a; + --text-default: #343b59; + --text-strong: #343b59 !important; + --text-muted: #4c505e !important; + --text-subtle: #9699a3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1a1b26 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1a1b26; + --control-brand-foreground: #1a1b26; + --text-link: #34548a !important; + + /* Syntax & Status */ + --status-positive: #485e30; + --status-warning: #166775; + --status-danger: #343b58; + --icon-voice-muted: #343b58; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1a1b26; + --scrollbar-auto-thumb: #1a1b26; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #d5d6db !important; + background-color: #1a1b26 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #343b59; + background: #d5d6db; +} +.hljs-keyword { color: #5a4a78; } +.hljs-string { color: #485e30; } +.hljs-number { color: #965027; } +.hljs-comment { color: #9699a3; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-moon b/build/base16-tokyo-night-moon index 4a4ec1d..81dcb84 100644 --- a/build/base16-tokyo-night-moon +++ b/build/base16-tokyo-night-moon @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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: #ff757f; /* Red */ - --idle-indicator: #ffdf77; /* Yellow */ - --streaming-indicator: #fca7ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #82aaff; /* Blue */ - --accent-2: #86e1fc; /* Cyan */ - --accent-3: #86e1fc; - --accent-4: #82aaff; - --accent-5: #ff757f; - - /* Backgrounds */ - --bg-1: #222436; - --bg-2: #1e2030; - --bg-3: #222436; - --bg-4: #222436; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #222436; + --background-base-lowest: #222436 !important; + --background-base-lower: #1e2030 !important; + --background-surface-high: #222436 !important; + --chat-background: #222436; + --home-background: #222436; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1e2030 !important; + --background-surface-highest: #2d3f76 !important; + --background-accent: #2d3f76 !important; + /* Text Colors */ - --text-0: #828bb8; - --text-1: #828bb8; - --text-2: #828bb8; - --text-3: #828bb8; - --text-4: #828bb8; - --text-5: #3b4261; - - /* Popups & Modals - using hex + alpha */ - --hover: #82aaff1a; - --active: #82aaff33; - --message-hover: #1e20300a; + --text-default: #828bb8; + --text-strong: #828bb8 !important; + --text-muted: #636da6 !important; + --text-subtle: #3b4261; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #aeb4d1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #aeb4d1; + --control-brand-foreground: #aeb4d1; + --text-link: #82aaff !important; + + /* Syntax & Status */ + --status-positive: #c3e88d; + --status-warning: #ffdf77; + --status-danger: #ff757f; + --icon-voice-muted: #ff757f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #aeb4d1; + --scrollbar-auto-thumb: #aeb4d1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #222436 !important; + background-color: #aeb4d1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #828bb8; + background: #222436; +} +.hljs-keyword { color: #fca7ea; } +.hljs-string { color: #c3e88d; } +.hljs-number { color: #ffc777; } +.hljs-comment { color: #3b4261; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-storm b/build/base16-tokyo-night-storm index ecd1515..442c440 100644 --- a/build/base16-tokyo-night-storm +++ b/build/base16-tokyo-night-storm @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #9ece6a; /* Green */ - --dnd-indicator: #c0caf5; /* Red */ - --idle-indicator: #0db9d7; /* Yellow */ - --streaming-indicator: #bb9af7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #2ac3de; /* Blue */ - --accent-2: #b4f9f8; /* Cyan */ - --accent-3: #b4f9f8; - --accent-4: #2ac3de; - --accent-5: #c0caf5; - - /* Backgrounds */ - --bg-1: #24283b; - --bg-2: #16161e; - --bg-3: #24283b; - --bg-4: #24283b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #24283b; + --background-base-lowest: #24283b !important; + --background-base-lower: #16161e !important; + --background-surface-high: #24283b !important; + --chat-background: #24283b; + --home-background: #24283b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #16161e !important; + --background-surface-highest: #343a52 !important; + --background-accent: #343a52 !important; + /* Text Colors */ - --text-0: #a9b1d6; - --text-1: #a9b1d6; - --text-2: #a9b1d6; - --text-3: #a9b1d6; - --text-4: #a9b1d6; - --text-5: #444b6a; - - /* Popups & Modals - using hex + alpha */ - --hover: #2ac3de1a; - --active: #2ac3de33; - --message-hover: #16161e0a; + --text-default: #a9b1d6; + --text-strong: #a9b1d6 !important; + --text-muted: #787c99 !important; + --text-subtle: #444b6a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cbccd1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cbccd1; + --control-brand-foreground: #cbccd1; + --text-link: #2ac3de !important; + + /* Syntax & Status */ + --status-positive: #9ece6a; + --status-warning: #0db9d7; + --status-danger: #c0caf5; + --icon-voice-muted: #c0caf5; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cbccd1; + --scrollbar-auto-thumb: #cbccd1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #24283b !important; + background-color: #cbccd1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a9b1d6; + background: #24283b; +} +.hljs-keyword { color: #bb9af7; } +.hljs-string { color: #9ece6a; } +.hljs-number { color: #a9b1d6; } +.hljs-comment { color: #444b6a; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-terminal-dark b/build/base16-tokyo-night-terminal-dark index 243a357..8f6302b 100644 --- a/build/base16-tokyo-night-terminal-dark +++ b/build/base16-tokyo-night-terminal-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #41a6b5; /* Green */ - --dnd-indicator: #f7768e; /* Red */ - --idle-indicator: #e0af68; /* Yellow */ - --streaming-indicator: #bb9af7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7aa2f7; /* Blue */ - --accent-2: #7dcfff; /* Cyan */ - --accent-3: #7dcfff; - --accent-4: #7aa2f7; - --accent-5: #f7768e; - - /* Backgrounds */ - --bg-1: #16161e; - --bg-2: #1a1b26; - --bg-3: #16161e; - --bg-4: #16161e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #16161e; + --background-base-lowest: #16161e !important; + --background-base-lower: #1a1b26 !important; + --background-surface-high: #16161e !important; + --chat-background: #16161e; + --home-background: #16161e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1a1b26 !important; + --background-surface-highest: #2f3549 !important; + --background-accent: #2f3549 !important; + /* Text Colors */ - --text-0: #787c99; - --text-1: #787c99; - --text-2: #787c99; - --text-3: #787c99; - --text-4: #787c99; - --text-5: #444b6a; - - /* Popups & Modals - using hex + alpha */ - --hover: #7aa2f71a; - --active: #7aa2f733; - --message-hover: #1a1b260a; + --text-default: #787c99; + --text-strong: #787c99 !important; + --text-muted: #787c99 !important; + --text-subtle: #444b6a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cbccd1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cbccd1; + --control-brand-foreground: #cbccd1; + --text-link: #7aa2f7 !important; + + /* Syntax & Status */ + --status-positive: #41a6b5; + --status-warning: #e0af68; + --status-danger: #f7768e; + --icon-voice-muted: #f7768e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cbccd1; + --scrollbar-auto-thumb: #cbccd1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #16161e !important; + background-color: #cbccd1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #787c99; + background: #16161e; +} +.hljs-keyword { color: #bb9af7; } +.hljs-string { color: #41a6b5; } +.hljs-number { color: #ff9e64; } +.hljs-comment { color: #444b6a; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-terminal-light b/build/base16-tokyo-night-terminal-light index 7e59eee..dadf0d5 100644 --- a/build/base16-tokyo-night-terminal-light +++ b/build/base16-tokyo-night-terminal-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #33635c; /* Green */ - --dnd-indicator: #8c4351; /* Red */ - --idle-indicator: #8f5e15; /* Yellow */ - --streaming-indicator: #5a4a78; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #34548a; /* Blue */ - --accent-2: #0f4b6e; /* Cyan */ - --accent-3: #0f4b6e; - --accent-4: #34548a; - --accent-5: #8c4351; - - /* Backgrounds */ - --bg-1: #d5d6db; - --bg-2: #cbccd1; - --bg-3: #d5d6db; - --bg-4: #d5d6db; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #d5d6db; + --background-base-lowest: #d5d6db !important; + --background-base-lower: #cbccd1 !important; + --background-surface-high: #d5d6db !important; + --chat-background: #d5d6db; + --home-background: #d5d6db; + + /* UI Accents & Surfaces */ + --background-surface-higher: #cbccd1 !important; + --background-surface-highest: #dfe0e5 !important; + --background-accent: #dfe0e5 !important; + /* Text Colors */ - --text-0: #4c505e; - --text-1: #4c505e; - --text-2: #4c505e; - --text-3: #4c505e; - --text-4: #4c505e; - --text-5: #9699a3; - - /* Popups & Modals - using hex + alpha */ - --hover: #34548a1a; - --active: #34548a33; - --message-hover: #cbccd10a; + --text-default: #4c505e; + --text-strong: #4c505e !important; + --text-muted: #4c505e !important; + --text-subtle: #9699a3; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #1a1b26 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #1a1b26; + --control-brand-foreground: #1a1b26; + --text-link: #34548a !important; + + /* Syntax & Status */ + --status-positive: #33635c; + --status-warning: #8f5e15; + --status-danger: #8c4351; + --icon-voice-muted: #8c4351; + + /* Scrollbars */ + --scrollbar-thin-thumb: #1a1b26; + --scrollbar-auto-thumb: #1a1b26; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #d5d6db !important; + background-color: #1a1b26 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #4c505e; + background: #d5d6db; +} +.hljs-keyword { color: #5a4a78; } +.hljs-string { color: #33635c; } +.hljs-number { color: #965027; } +.hljs-comment { color: #9699a3; } + +/* 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. +*/ diff --git a/build/base16-tokyo-night-terminal-storm b/build/base16-tokyo-night-terminal-storm index 48f7df7..fd04f34 100644 --- a/build/base16-tokyo-night-terminal-storm +++ b/build/base16-tokyo-night-terminal-storm @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #41a6b5; /* Green */ - --dnd-indicator: #f7768e; /* Red */ - --idle-indicator: #e0af68; /* Yellow */ - --streaming-indicator: #bb9af7; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7aa2f7; /* Blue */ - --accent-2: #7dcfff; /* Cyan */ - --accent-3: #7dcfff; - --accent-4: #7aa2f7; - --accent-5: #f7768e; - - /* Backgrounds */ - --bg-1: #24283b; - --bg-2: #1a1b26; - --bg-3: #24283b; - --bg-4: #24283b; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #24283b; + --background-base-lowest: #24283b !important; + --background-base-lower: #1a1b26 !important; + --background-surface-high: #24283b !important; + --chat-background: #24283b; + --home-background: #24283b; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1a1b26 !important; + --background-surface-highest: #343a52 !important; + --background-accent: #343a52 !important; + /* Text Colors */ - --text-0: #787c99; - --text-1: #787c99; - --text-2: #787c99; - --text-3: #787c99; - --text-4: #787c99; - --text-5: #444b6a; - - /* Popups & Modals - using hex + alpha */ - --hover: #7aa2f71a; - --active: #7aa2f733; - --message-hover: #1a1b260a; + --text-default: #787c99; + --text-strong: #787c99 !important; + --text-muted: #787c99 !important; + --text-subtle: #444b6a; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #cbccd1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #cbccd1; + --control-brand-foreground: #cbccd1; + --text-link: #7aa2f7 !important; + + /* Syntax & Status */ + --status-positive: #41a6b5; + --status-warning: #e0af68; + --status-danger: #f7768e; + --icon-voice-muted: #f7768e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #cbccd1; + --scrollbar-auto-thumb: #cbccd1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #24283b !important; + background-color: #cbccd1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #787c99; + background: #24283b; +} +.hljs-keyword { color: #bb9af7; } +.hljs-string { color: #41a6b5; } +.hljs-number { color: #ff9e64; } +.hljs-comment { color: #444b6a; } + +/* 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. +*/ diff --git a/build/base16-tokyodark b/build/base16-tokyodark index 900bc69..8dadedc 100644 --- a/build/base16-tokyodark +++ b/build/base16-tokyodark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #95c561; /* Green */ - --dnd-indicator: #ee6d85; /* Red */ - --idle-indicator: #d7a65f; /* Yellow */ - --streaming-indicator: #a485dd; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7199ee; /* Blue */ - --accent-2: #9fbbf3; /* Cyan */ - --accent-3: #9fbbf3; - --accent-4: #7199ee; - --accent-5: #ee6d85; - - /* Backgrounds */ - --bg-1: #11121d; - --bg-2: #212234; - --bg-3: #11121d; - --bg-4: #11121d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #11121d; + --background-base-lowest: #11121d !important; + --background-base-lower: #212234 !important; + --background-surface-high: #11121d !important; + --chat-background: #11121d; + --home-background: #11121d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #212234 !important; + --background-surface-highest: #212234 !important; + --background-accent: #212234 !important; + /* Text Colors */ - --text-0: #a0a8cd; - --text-1: #a0a8cd; - --text-2: #a0a8cd; - --text-3: #a0a8cd; - --text-4: #a0a8cd; - --text-5: #353945; - - /* Popups & Modals - using hex + alpha */ - --hover: #7199ee1a; - --active: #7199ee33; - --message-hover: #2122340a; + --text-default: #a0a8cd; + --text-strong: #a0a8cd !important; + --text-muted: #4a5057 !important; + --text-subtle: #353945; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #abb2bf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #abb2bf; + --control-brand-foreground: #abb2bf; + --text-link: #7199ee !important; + + /* Syntax & Status */ + --status-positive: #95c561; + --status-warning: #d7a65f; + --status-danger: #ee6d85; + --icon-voice-muted: #ee6d85; + + /* Scrollbars */ + --scrollbar-thin-thumb: #abb2bf; + --scrollbar-auto-thumb: #abb2bf; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #11121d !important; + background-color: #abb2bf !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a0a8cd; + background: #11121d; +} +.hljs-keyword { color: #a485dd; } +.hljs-string { color: #95c561; } +.hljs-number { color: #f6955b; } +.hljs-comment { color: #353945; } + +/* 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. +*/ diff --git a/build/base16-tokyodark-terminal b/build/base16-tokyodark-terminal index 9d5b7e1..dda88ba 100644 --- a/build/base16-tokyodark-terminal +++ b/build/base16-tokyodark-terminal @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #95c561; /* Green */ - --dnd-indicator: #ee6d85; /* Red */ - --idle-indicator: #d7a65f; /* Yellow */ - --streaming-indicator: #a485dd; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7199ee; /* Blue */ - --accent-2: #38a89d; /* Cyan */ - --accent-3: #38a89d; - --accent-4: #7199ee; - --accent-5: #ee6d85; - - /* Backgrounds */ - --bg-1: #11121d; - --bg-2: #1a1b2a; - --bg-3: #11121d; - --bg-4: #11121d; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #11121d; + --background-base-lowest: #11121d !important; + --background-base-lower: #1a1b2a !important; + --background-surface-high: #11121d !important; + --chat-background: #11121d; + --home-background: #11121d; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1a1b2a !important; + --background-surface-highest: #212234 !important; + --background-accent: #212234 !important; + /* Text Colors */ - --text-0: #a0a8cd; - --text-1: #a0a8cd; - --text-2: #a0a8cd; - --text-3: #a0a8cd; - --text-4: #a0a8cd; - --text-5: #282c34; - - /* Popups & Modals - using hex + alpha */ - --hover: #7199ee1a; - --active: #7199ee33; - --message-hover: #1a1b2a0a; + --text-default: #a0a8cd; + --text-strong: #a0a8cd !important; + --text-muted: #4a5057 !important; + --text-subtle: #282c34; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #a0a8cd !important; /* This was Pink (#f5c2e7) */ + --text-brand: #a0a8cd; + --control-brand-foreground: #a0a8cd; + --text-link: #7199ee !important; + + /* Syntax & Status */ + --status-positive: #95c561; + --status-warning: #d7a65f; + --status-danger: #ee6d85; + --icon-voice-muted: #ee6d85; + + /* Scrollbars */ + --scrollbar-thin-thumb: #a0a8cd; + --scrollbar-auto-thumb: #a0a8cd; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #11121d !important; + background-color: #a0a8cd !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a0a8cd; + background: #11121d; +} +.hljs-keyword { color: #a485dd; } +.hljs-string { color: #95c561; } +.hljs-number { color: #f6955b; } +.hljs-comment { color: #282c34; } + +/* 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. +*/ diff --git a/build/base16-tomorrow b/build/base16-tomorrow index e6376f4..3ef63ac 100644 --- a/build/base16-tomorrow +++ b/build/base16-tomorrow @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #718c00; /* Green */ - --dnd-indicator: #c82829; /* Red */ - --idle-indicator: #eab700; /* Yellow */ - --streaming-indicator: #8959a8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4271ae; /* Blue */ - --accent-2: #3e999f; /* Cyan */ - --accent-3: #3e999f; - --accent-4: #4271ae; - --accent-5: #c82829; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #e0e0e0; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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: #c5c8c6 !important; + --background-accent: #c5c8c6 !important; + /* Text Colors */ - --text-0: #373b41; - --text-1: #373b41; - --text-2: #373b41; - --text-3: #373b41; - --text-4: #373b41; - --text-5: #b4b7b4; - - /* Popups & Modals - using hex + alpha */ - --hover: #4271ae1a; - --active: #4271ae33; - --message-hover: #e0e0e00a; + --text-default: #373b41; + --text-strong: #373b41 !important; + --text-muted: #969896 !important; + --text-subtle: #b4b7b4; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #282a2e !important; /* This was Pink (#f5c2e7) */ + --text-brand: #282a2e; + --control-brand-foreground: #282a2e; + --text-link: #4271ae !important; + + /* Syntax & Status */ + --status-positive: #718c00; + --status-warning: #eab700; + --status-danger: #c82829; + --icon-voice-muted: #c82829; + + /* Scrollbars */ + --scrollbar-thin-thumb: #282a2e; + --scrollbar-auto-thumb: #282a2e; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #282a2e !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #373b41; + background: #ffffff; +} +.hljs-keyword { color: #8959a8; } +.hljs-string { color: #718c00; } +.hljs-number { color: #f5871f; } +.hljs-comment { color: #b4b7b4; } + +/* 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. +*/ diff --git a/build/base16-tomorrow-night b/build/base16-tomorrow-night index dbf45dc..f17958b 100644 --- a/build/base16-tomorrow-night +++ b/build/base16-tomorrow-night @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b5bd68; /* Green */ - --dnd-indicator: #cc6666; /* Red */ - --idle-indicator: #f0c674; /* Yellow */ - --streaming-indicator: #b294bb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #81a2be; /* Blue */ - --accent-2: #8abeb7; /* Cyan */ - --accent-3: #8abeb7; - --accent-4: #81a2be; - --accent-5: #cc6666; - - /* Backgrounds */ - --bg-1: #1d1f21; - --bg-2: #282a2e; - --bg-3: #1d1f21; - --bg-4: #1d1f21; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1d1f21; + --background-base-lowest: #1d1f21 !important; + --background-base-lower: #282a2e !important; + --background-surface-high: #1d1f21 !important; + --chat-background: #1d1f21; + --home-background: #1d1f21; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282a2e !important; + --background-surface-highest: #373b41 !important; + --background-accent: #373b41 !important; + /* Text Colors */ - --text-0: #c5c8c6; - --text-1: #c5c8c6; - --text-2: #c5c8c6; - --text-3: #c5c8c6; - --text-4: #c5c8c6; - --text-5: #969896; - - /* Popups & Modals - using hex + alpha */ - --hover: #81a2be1a; - --active: #81a2be33; - --message-hover: #282a2e0a; + --text-default: #c5c8c6; + --text-strong: #c5c8c6 !important; + --text-muted: #b4b7b4 !important; + --text-subtle: #969896; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #81a2be !important; + + /* Syntax & Status */ + --status-positive: #b5bd68; + --status-warning: #f0c674; + --status-danger: #cc6666; + --icon-voice-muted: #cc6666; + + /* 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: #1d1f21 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c5c8c6; + background: #1d1f21; +} +.hljs-keyword { color: #b294bb; } +.hljs-string { color: #b5bd68; } +.hljs-number { color: #de935f; } +.hljs-comment { color: #969896; } + +/* 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. +*/ diff --git a/build/base16-tomorrow-night-eighties b/build/base16-tomorrow-night-eighties index 5ff4aad..cbeb4ef 100644 --- a/build/base16-tomorrow-night-eighties +++ b/build/base16-tomorrow-night-eighties @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@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; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.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-0: #cccccc; - --text-1: #cccccc; - --text-2: #cccccc; - --text-3: #cccccc; - --text-4: #cccccc; - --text-5: #999999; - - /* Popups & Modals - using hex + alpha */ - --hover: #6699cc1a; - --active: #6699cc33; - --message-hover: #3939390a; + --text-default: #cccccc; + --text-strong: #cccccc !important; + --text-muted: #b4b7b4 !important; + --text-subtle: #999999; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #6699cc !important; + + /* Syntax & Status */ + --status-positive: #99cc99; + --status-warning: #ffcc66; + --status-danger: #f2777a; + --icon-voice-muted: #f2777a; + + /* 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: #cc99cc; } +.hljs-string { color: #99cc99; } +.hljs-number { color: #f99157; } +.hljs-comment { color: #999999; } + +/* 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. +*/ diff --git a/build/base16-tube b/build/base16-tube index bd6c41a..168eacc 100644 --- a/build/base16-tube +++ b/build/base16-tube @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00853e; /* Green */ - --dnd-indicator: #ee2e24; /* Red */ - --idle-indicator: #ffd204; /* Yellow */ - --streaming-indicator: #98005d; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #009ddc; /* Blue */ - --accent-2: #85cebc; /* Cyan */ - --accent-3: #85cebc; - --accent-4: #009ddc; - --accent-5: #ee2e24; - - /* Backgrounds */ - --bg-1: #231f20; - --bg-2: #1c3f95; - --bg-3: #231f20; - --bg-4: #231f20; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #231f20; + --background-base-lowest: #231f20 !important; + --background-base-lower: #1c3f95 !important; + --background-surface-high: #231f20 !important; + --chat-background: #231f20; + --home-background: #231f20; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c3f95 !important; + --background-surface-highest: #5a5758 !important; + --background-accent: #5a5758 !important; + /* Text Colors */ - --text-0: #d9d8d8; - --text-1: #d9d8d8; - --text-2: #d9d8d8; - --text-3: #d9d8d8; - --text-4: #d9d8d8; - --text-5: #737171; - - /* Popups & Modals - using hex + alpha */ - --hover: #009ddc1a; - --active: #009ddc33; - --message-hover: #1c3f950a; + --text-default: #d9d8d8; + --text-strong: #d9d8d8 !important; + --text-muted: #959ca1 !important; + --text-subtle: #737171; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e7e7e8 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e7e7e8; + --control-brand-foreground: #e7e7e8; + --text-link: #009ddc !important; + + /* Syntax & Status */ + --status-positive: #00853e; + --status-warning: #ffd204; + --status-danger: #ee2e24; + --icon-voice-muted: #ee2e24; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e7e7e8; + --scrollbar-auto-thumb: #e7e7e8; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #231f20 !important; + background-color: #e7e7e8 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d9d8d8; + background: #231f20; +} +.hljs-keyword { color: #98005d; } +.hljs-string { color: #00853e; } +.hljs-number { color: #f386a1; } +.hljs-comment { color: #737171; } + +/* 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. +*/ diff --git a/build/base16-twilight b/build/base16-twilight index 466ac09..ba7ec68 100644 --- a/build/base16-twilight +++ b/build/base16-twilight @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #8f9d6a; /* Green */ - --dnd-indicator: #cf6a4c; /* Red */ - --idle-indicator: #f9ee98; /* Yellow */ - --streaming-indicator: #9b859d; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7587a6; /* Blue */ - --accent-2: #afc4db; /* Cyan */ - --accent-3: #afc4db; - --accent-4: #7587a6; - --accent-5: #cf6a4c; - - /* Backgrounds */ - --bg-1: #1e1e1e; - --bg-2: #323537; - --bg-3: #1e1e1e; - --bg-4: #1e1e1e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1e1e1e; + --background-base-lowest: #1e1e1e !important; + --background-base-lower: #323537 !important; + --background-surface-high: #1e1e1e !important; + --chat-background: #1e1e1e; + --home-background: #1e1e1e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #323537 !important; + --background-surface-highest: #464b50 !important; + --background-accent: #464b50 !important; + /* Text Colors */ - --text-0: #a7a7a7; - --text-1: #a7a7a7; - --text-2: #a7a7a7; - --text-3: #a7a7a7; - --text-4: #a7a7a7; - --text-5: #5f5a60; - - /* Popups & Modals - using hex + alpha */ - --hover: #7587a61a; - --active: #7587a633; - --message-hover: #3235370a; + --text-default: #a7a7a7; + --text-strong: #a7a7a7 !important; + --text-muted: #838184 !important; + --text-subtle: #5f5a60; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c3c3c3 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c3c3c3; + --control-brand-foreground: #c3c3c3; + --text-link: #7587a6 !important; + + /* Syntax & Status */ + --status-positive: #8f9d6a; + --status-warning: #f9ee98; + --status-danger: #cf6a4c; + --icon-voice-muted: #cf6a4c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c3c3c3; + --scrollbar-auto-thumb: #c3c3c3; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1e1e1e !important; + background-color: #c3c3c3 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a7a7a7; + background: #1e1e1e; +} +.hljs-keyword { color: #9b859d; } +.hljs-string { color: #8f9d6a; } +.hljs-number { color: #cda869; } +.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. +*/ diff --git a/build/base16-unikitty-dark b/build/base16-unikitty-dark index 53fb9ca..bde2aa2 100644 --- a/build/base16-unikitty-dark +++ b/build/base16-unikitty-dark @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #17ad98; /* Green */ - --dnd-indicator: #d8137f; /* Red */ - --idle-indicator: #dc8a0e; /* Yellow */ - --streaming-indicator: #bb60ea; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #796af5; /* Blue */ - --accent-2: #149bda; /* Cyan */ - --accent-3: #149bda; - --accent-4: #796af5; - --accent-5: #d8137f; - - /* Backgrounds */ - --bg-1: #2e2a31; - --bg-2: #4a464d; - --bg-3: #2e2a31; - --bg-4: #2e2a31; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2e2a31; + --background-base-lowest: #2e2a31 !important; + --background-base-lower: #4a464d !important; + --background-surface-high: #2e2a31 !important; + --chat-background: #2e2a31; + --home-background: #2e2a31; + + /* UI Accents & Surfaces */ + --background-surface-higher: #4a464d !important; + --background-surface-highest: #666369 !important; + --background-accent: #666369 !important; + /* Text Colors */ - --text-0: #bcbabe; - --text-1: #bcbabe; - --text-2: #bcbabe; - --text-3: #bcbabe; - --text-4: #bcbabe; - --text-5: #838085; - - /* Popups & Modals - using hex + alpha */ - --hover: #796af51a; - --active: #796af533; - --message-hover: #4a464d0a; + --text-default: #bcbabe; + --text-strong: #bcbabe !important; + --text-muted: #9f9da2 !important; + --text-subtle: #838085; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d8d7da !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d8d7da; + --control-brand-foreground: #d8d7da; + --text-link: #796af5 !important; + + /* Syntax & Status */ + --status-positive: #17ad98; + --status-warning: #dc8a0e; + --status-danger: #d8137f; + --icon-voice-muted: #d8137f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d8d7da; + --scrollbar-auto-thumb: #d8d7da; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2e2a31 !important; + background-color: #d8d7da !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #bcbabe; + background: #2e2a31; +} +.hljs-keyword { color: #bb60ea; } +.hljs-string { color: #17ad98; } +.hljs-number { color: #d65407; } +.hljs-comment { color: #838085; } + +/* 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. +*/ diff --git a/build/base16-unikitty-light b/build/base16-unikitty-light index cc05543..34a4593 100644 --- a/build/base16-unikitty-light +++ b/build/base16-unikitty-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #17ad98; /* Green */ - --dnd-indicator: #d8137f; /* Red */ - --idle-indicator: #dc8a0e; /* Yellow */ - --streaming-indicator: #aa17e6; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #775dff; /* Blue */ - --accent-2: #149bda; /* Cyan */ - --accent-3: #149bda; - --accent-4: #775dff; - --accent-5: #d8137f; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #e1e1e2; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #ffffff; + --background-base-lowest: #ffffff !important; + --background-base-lower: #e1e1e2 !important; + --background-surface-high: #ffffff !important; + --chat-background: #ffffff; + --home-background: #ffffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e1e1e2 !important; + --background-surface-highest: #c4c3c5 !important; + --background-accent: #c4c3c5 !important; + /* Text Colors */ - --text-0: #6c696e; - --text-1: #6c696e; - --text-2: #6c696e; - --text-3: #6c696e; - --text-4: #6c696e; - --text-5: #a7a5a8; - - /* Popups & Modals - using hex + alpha */ - --hover: #775dff1a; - --active: #775dff33; - --message-hover: #e1e1e20a; + --text-default: #6c696e; + --text-strong: #6c696e !important; + --text-muted: #89878b !important; + --text-subtle: #a7a5a8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #4f4b51 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #4f4b51; + --control-brand-foreground: #4f4b51; + --text-link: #775dff !important; + + /* Syntax & Status */ + --status-positive: #17ad98; + --status-warning: #dc8a0e; + --status-danger: #d8137f; + --icon-voice-muted: #d8137f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #4f4b51; + --scrollbar-auto-thumb: #4f4b51; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #ffffff !important; + background-color: #4f4b51 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #6c696e; + background: #ffffff; +} +.hljs-keyword { color: #aa17e6; } +.hljs-string { color: #17ad98; } +.hljs-number { color: #d65407; } +.hljs-comment { color: #a7a5a8; } + +/* 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. +*/ diff --git a/build/base16-unikitty-reversible b/build/base16-unikitty-reversible index 1bcded2..f90af78 100644 --- a/build/base16-unikitty-reversible +++ b/build/base16-unikitty-reversible @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #17ad98; /* Green */ - --dnd-indicator: #d8137f; /* Red */ - --idle-indicator: #dc8a0e; /* Yellow */ - --streaming-indicator: #b33ce8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7864fa; /* Blue */ - --accent-2: #149bda; /* Cyan */ - --accent-3: #149bda; - --accent-4: #7864fa; - --accent-5: #d8137f; - - /* Backgrounds */ - --bg-1: #2e2a31; - --bg-2: #4b484e; - --bg-3: #2e2a31; - --bg-4: #2e2a31; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #2e2a31; + --background-base-lowest: #2e2a31 !important; + --background-base-lower: #4b484e !important; + --background-surface-high: #2e2a31 !important; + --chat-background: #2e2a31; + --home-background: #2e2a31; + + /* UI Accents & Surfaces */ + --background-surface-higher: #4b484e !important; + --background-surface-highest: #69666b !important; + --background-accent: #69666b !important; + /* Text Colors */ - --text-0: #c3c2c4; - --text-1: #c3c2c4; - --text-2: #c3c2c4; - --text-3: #c3c2c4; - --text-4: #c3c2c4; - --text-5: #878589; - - /* Popups & Modals - using hex + alpha */ - --hover: #7864fa1a; - --active: #7864fa33; - --message-hover: #4b484e0a; + --text-default: #c3c2c4; + --text-strong: #c3c2c4 !important; + --text-muted: #a5a3a6 !important; + --text-subtle: #878589; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e1e0e1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e1e0e1; + --control-brand-foreground: #e1e0e1; + --text-link: #7864fa !important; + + /* Syntax & Status */ + --status-positive: #17ad98; + --status-warning: #dc8a0e; + --status-danger: #d8137f; + --icon-voice-muted: #d8137f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #e1e0e1; + --scrollbar-auto-thumb: #e1e0e1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #2e2a31 !important; + background-color: #e1e0e1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c3c2c4; + background: #2e2a31; +} +.hljs-keyword { color: #b33ce8; } +.hljs-string { color: #17ad98; } +.hljs-number { color: #d65407; } +.hljs-comment { color: #878589; } + +/* 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. +*/ diff --git a/build/base16-uwunicorn b/build/base16-uwunicorn index 961a283..0559a7b 100644 --- a/build/base16-uwunicorn +++ b/build/base16-uwunicorn @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #c965bf; /* Green */ - --dnd-indicator: #877bb6; /* Red */ - --idle-indicator: #a84a73; /* Yellow */ - --streaming-indicator: #78a38f; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #6a9eb5; /* Blue */ - --accent-2: #9c5fce; /* Cyan */ - --accent-3: #9c5fce; - --accent-4: #6a9eb5; - --accent-5: #877bb6; - - /* Backgrounds */ - --bg-1: #241b26; - --bg-2: #2f2a3f; - --bg-3: #241b26; - --bg-4: #241b26; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #241b26; + --background-base-lowest: #241b26 !important; + --background-base-lower: #2f2a3f !important; + --background-surface-high: #241b26 !important; + --chat-background: #241b26; + --home-background: #241b26; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2f2a3f !important; + --background-surface-highest: #46354a !important; + --background-accent: #46354a !important; + /* Text Colors */ - --text-0: #eed5d9; - --text-1: #eed5d9; - --text-2: #eed5d9; - --text-3: #eed5d9; - --text-4: #eed5d9; - --text-5: #6c3cb2; - - /* Popups & Modals - using hex + alpha */ - --hover: #6a9eb51a; - --active: #6a9eb533; - --message-hover: #2f2a3f0a; + --text-default: #eed5d9; + --text-strong: #eed5d9 !important; + --text-muted: #7e5f83 !important; + --text-subtle: #6c3cb2; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d9c2c6 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d9c2c6; + --control-brand-foreground: #d9c2c6; + --text-link: #6a9eb5 !important; + + /* Syntax & Status */ + --status-positive: #c965bf; + --status-warning: #a84a73; + --status-danger: #877bb6; + --icon-voice-muted: #877bb6; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d9c2c6; + --scrollbar-auto-thumb: #d9c2c6; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #241b26 !important; + background-color: #d9c2c6 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #eed5d9; + background: #241b26; +} +.hljs-keyword { color: #78a38f; } +.hljs-string { color: #c965bf; } +.hljs-number { color: #de5b44; } +.hljs-comment { color: #6c3cb2; } + +/* 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. +*/ diff --git a/build/base16-valua b/build/base16-valua index 697074b..ff8e244 100644 --- a/build/base16-valua +++ b/build/base16-valua @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #59d678; /* Green */ - --dnd-indicator: #d7586e; /* Red */ - --idle-indicator: #dfe754; /* Yellow */ - --streaming-indicator: #a874e0; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4ed2d2; /* Blue */ - --accent-2: #76dbd2; /* Cyan */ - --accent-3: #76dbd2; - --accent-4: #4ed2d2; - --accent-5: #d7586e; - - /* Backgrounds */ - --bg-1: #131f1f; - --bg-2: #213132; - --bg-3: #131f1f; - --bg-4: #131f1f; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #131f1f; + --background-base-lowest: #131f1f !important; + --background-base-lower: #213132 !important; + --background-surface-high: #131f1f !important; + --chat-background: #131f1f; + --home-background: #131f1f; + + /* UI Accents & Surfaces */ + --background-surface-higher: #213132 !important; + --background-surface-highest: #273d3c !important; + --background-accent: #273d3c !important; + /* Text Colors */ - --text-0: #98c1a3; - --text-1: #98c1a3; - --text-2: #98c1a3; - --text-3: #98c1a3; - --text-4: #98c1a3; - --text-5: #3e5c53; - - /* Popups & Modals - using hex + alpha */ - --hover: #4ed2d21a; - --active: #4ed2d233; - --message-hover: #2131320a; + --text-default: #98c1a3; + --text-strong: #98c1a3 !important; + --text-muted: #6d9877 !important; + --text-subtle: #3e5c53; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #a5cbb9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #a5cbb9; + --control-brand-foreground: #a5cbb9; + --text-link: #4ed2d2 !important; + + /* Syntax & Status */ + --status-positive: #59d678; + --status-warning: #dfe754; + --status-danger: #d7586e; + --icon-voice-muted: #d7586e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #a5cbb9; + --scrollbar-auto-thumb: #a5cbb9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #131f1f !important; + background-color: #a5cbb9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #98c1a3; + background: #131f1f; +} +.hljs-keyword { color: #a874e0; } +.hljs-string { color: #59d678; } +.hljs-number { color: #e6b466; } +.hljs-comment { color: #3e5c53; } + +/* 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. +*/ diff --git a/build/base16-vesper b/build/base16-vesper index 99c3db4..649e328 100644 --- a/build/base16-vesper +++ b/build/base16-vesper @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5f8787; /* Green */ - --dnd-indicator: #de6e6e; /* Red */ - --idle-indicator: #ffc799; /* Yellow */ - --streaming-indicator: #d69094; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #8eaaaa; /* Blue */ - --accent-2: #60a592; /* Cyan */ - --accent-3: #60a592; - --accent-4: #8eaaaa; - --accent-5: #de6e6e; - - /* Backgrounds */ - --bg-1: #101010; - --bg-2: #232323; - --bg-3: #101010; - --bg-4: #101010; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #101010; + --background-base-lowest: #101010 !important; + --background-base-lower: #232323 !important; + --background-surface-high: #101010 !important; + --chat-background: #101010; + --home-background: #101010; + + /* UI Accents & Surfaces */ + --background-surface-higher: #232323 !important; + --background-surface-highest: #222222 !important; + --background-accent: #222222 !important; + /* Text Colors */ - --text-0: #b7b7b7; - --text-1: #b7b7b7; - --text-2: #b7b7b7; - --text-3: #b7b7b7; - --text-4: #b7b7b7; - --text-5: #333333; - - /* Popups & Modals - using hex + alpha */ - --hover: #8eaaaa1a; - --active: #8eaaaa33; - --message-hover: #2323230a; + --text-default: #b7b7b7; + --text-strong: #b7b7b7 !important; + --text-muted: #999999 !important; + --text-subtle: #333333; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c1c1c1 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c1c1c1; + --control-brand-foreground: #c1c1c1; + --text-link: #8eaaaa !important; + + /* Syntax & Status */ + --status-positive: #5f8787; + --status-warning: #ffc799; + --status-danger: #de6e6e; + --icon-voice-muted: #de6e6e; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c1c1c1; + --scrollbar-auto-thumb: #c1c1c1; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #101010 !important; + background-color: #c1c1c1 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b7b7b7; + background: #101010; +} +.hljs-keyword { color: #d69094; } +.hljs-string { color: #5f8787; } +.hljs-number { color: #dab083; } +.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. +*/ diff --git a/build/base16-vice b/build/base16-vice index 8178f5f..4328017 100644 --- a/build/base16-vice +++ b/build/base16-vice @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #0badff; /* Green */ - --dnd-indicator: #ff29a8; /* Red */ - --idle-indicator: #f0ffaa; /* Yellow */ - --streaming-indicator: #00f6d9; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #00eaff; /* Blue */ - --accent-2: #8265ff; /* Cyan */ - --accent-3: #8265ff; - --accent-4: #00eaff; - --accent-5: #ff29a8; - - /* Backgrounds */ - --bg-1: #17191e; - --bg-2: #22262d; - --bg-3: #17191e; - --bg-4: #17191e; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #17191e; + --background-base-lowest: #17191e !important; + --background-base-lower: #22262d !important; + --background-surface-high: #17191e !important; + --chat-background: #17191e; + --home-background: #17191e; + + /* UI Accents & Surfaces */ + --background-surface-higher: #22262d !important; + --background-surface-highest: #3c3f4c !important; + --background-accent: #3c3f4c !important; + /* Text Colors */ - --text-0: #8b9cbe; - --text-1: #8b9cbe; - --text-2: #8b9cbe; - --text-3: #8b9cbe; - --text-4: #8b9cbe; - --text-5: #383a47; - - /* Popups & Modals - using hex + alpha */ - --hover: #00eaff1a; - --active: #00eaff33; - --message-hover: #22262d0a; + --text-default: #8b9cbe; + --text-strong: #8b9cbe !important; + --text-muted: #555e70 !important; + --text-subtle: #383a47; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #b2bfd9 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #b2bfd9; + --control-brand-foreground: #b2bfd9; + --text-link: #00eaff !important; + + /* Syntax & Status */ + --status-positive: #0badff; + --status-warning: #f0ffaa; + --status-danger: #ff29a8; + --icon-voice-muted: #ff29a8; + + /* Scrollbars */ + --scrollbar-thin-thumb: #b2bfd9; + --scrollbar-auto-thumb: #b2bfd9; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #17191e !important; + background-color: #b2bfd9 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #8b9cbe; + background: #17191e; +} +.hljs-keyword { color: #00f6d9; } +.hljs-string { color: #0badff; } +.hljs-number { color: #85ffe0; } +.hljs-comment { color: #383a47; } + +/* 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. +*/ diff --git a/build/base16-vulcan b/build/base16-vulcan index 77faa31..08b57ec 100644 --- a/build/base16-vulcan +++ b/build/base16-vulcan @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #977d7c; /* Green */ - --dnd-indicator: #818591; /* Red */ - --idle-indicator: #adb4b9; /* Yellow */ - --streaming-indicator: #9198a3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #977d7c; /* Blue */ - --accent-2: #977d7c; /* Cyan */ - --accent-3: #977d7c; - --accent-4: #977d7c; - --accent-5: #818591; - - /* Backgrounds */ - --bg-1: #041523; - --bg-2: #122339; - --bg-3: #041523; - --bg-4: #041523; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #041523; + --background-base-lowest: #041523 !important; + --background-base-lower: #122339 !important; + --background-surface-high: #041523 !important; + --chat-background: #041523; + --home-background: #041523; + + /* UI Accents & Surfaces */ + --background-surface-higher: #122339 !important; + --background-surface-highest: #003552 !important; + --background-accent: #003552 !important; + /* Text Colors */ - --text-0: #5b778c; - --text-1: #5b778c; - --text-2: #5b778c; - --text-3: #5b778c; - --text-4: #5b778c; - --text-5: #7a5759; - - /* Popups & Modals - using hex + alpha */ - --hover: #977d7c1a; - --active: #977d7c33; - --message-hover: #1223390a; + --text-default: #5b778c; + --text-strong: #5b778c !important; + --text-muted: #6b6977 !important; + --text-subtle: #7a5759; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #333238 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #333238; + --control-brand-foreground: #333238; + --text-link: #977d7c !important; + + /* Syntax & Status */ + --status-positive: #977d7c; + --status-warning: #adb4b9; + --status-danger: #818591; + --icon-voice-muted: #818591; + + /* Scrollbars */ + --scrollbar-thin-thumb: #333238; + --scrollbar-auto-thumb: #333238; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #041523 !important; + background-color: #333238 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #5b778c; + background: #041523; +} +.hljs-keyword { color: #9198a3; } +.hljs-string { color: #977d7c; } +.hljs-number { color: #9198a3; } +.hljs-comment { color: #7a5759; } + +/* 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. +*/ diff --git a/build/base16-windows-10 b/build/base16-windows-10 index bbf0336..af968f9 100644 --- a/build/base16-windows-10 +++ b/build/base16-windows-10 @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #16c60c; /* Green */ - --dnd-indicator: #e74856; /* Red */ - --idle-indicator: #f9f1a5; /* Yellow */ - --streaming-indicator: #b4009e; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #3b78ff; /* Blue */ - --accent-2: #61d6d6; /* Cyan */ - --accent-3: #61d6d6; - --accent-4: #3b78ff; - --accent-5: #e74856; - - /* Backgrounds */ - --bg-1: #0c0c0c; - --bg-2: #2f2f2f; - --bg-3: #0c0c0c; - --bg-4: #0c0c0c; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #0c0c0c; + --background-base-lowest: #0c0c0c !important; + --background-base-lower: #2f2f2f !important; + --background-surface-high: #0c0c0c !important; + --chat-background: #0c0c0c; + --home-background: #0c0c0c; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2f2f2f !important; + --background-surface-highest: #535353 !important; + --background-accent: #535353 !important; + /* Text Colors */ - --text-0: #cccccc; - --text-1: #cccccc; - --text-2: #cccccc; - --text-3: #cccccc; - --text-4: #cccccc; - --text-5: #767676; - - /* Popups & Modals - using hex + alpha */ - --hover: #3b78ff1a; - --active: #3b78ff33; - --message-hover: #2f2f2f0a; + --text-default: #cccccc; + --text-strong: #cccccc !important; + --text-muted: #b9b9b9 !important; + --text-subtle: #767676; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dfdfdf !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dfdfdf; + --control-brand-foreground: #dfdfdf; + --text-link: #3b78ff !important; + + /* Syntax & Status */ + --status-positive: #16c60c; + --status-warning: #f9f1a5; + --status-danger: #e74856; + --icon-voice-muted: #e74856; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dfdfdf; + --scrollbar-auto-thumb: #dfdfdf; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #0c0c0c !important; + background-color: #dfdfdf !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cccccc; + background: #0c0c0c; +} +.hljs-keyword { color: #b4009e; } +.hljs-string { color: #16c60c; } +.hljs-number { color: #c19c00; } +.hljs-comment { color: #767676; } + +/* 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. +*/ diff --git a/build/base16-windows-10-light b/build/base16-windows-10-light index ea05702..d38e72a 100644 --- a/build/base16-windows-10-light +++ b/build/base16-windows-10-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #13a10e; /* Green */ - --dnd-indicator: #c50f1f; /* Red */ - --idle-indicator: #c19c00; /* Yellow */ - --streaming-indicator: #881798; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0037da; /* Blue */ - --accent-2: #3a96dd; /* Cyan */ - --accent-3: #3a96dd; - --accent-4: #0037da; - --accent-5: #c50f1f; - - /* Backgrounds */ - --bg-1: #f2f2f2; - --bg-2: #e5e5e5; - --bg-3: #f2f2f2; - --bg-4: #f2f2f2; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #f2f2f2; + --background-base-lowest: #f2f2f2 !important; + --background-base-lower: #e5e5e5 !important; + --background-surface-high: #f2f2f2 !important; + --chat-background: #f2f2f2; + --home-background: #f2f2f2; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e5e5e5 !important; + --background-surface-highest: #d9d9d9 !important; + --background-accent: #d9d9d9 !important; + /* Text Colors */ - --text-0: #767676; - --text-1: #767676; - --text-2: #767676; - --text-3: #767676; - --text-4: #767676; - --text-5: #cccccc; - - /* Popups & Modals - using hex + alpha */ - --hover: #0037da1a; - --active: #0037da33; - --message-hover: #e5e5e50a; + --text-default: #767676; + --text-strong: #767676 !important; + --text-muted: #ababab !important; + --text-subtle: #cccccc; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #414141 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #414141; + --control-brand-foreground: #414141; + --text-link: #0037da !important; + + /* Syntax & Status */ + --status-positive: #13a10e; + --status-warning: #c19c00; + --status-danger: #c50f1f; + --icon-voice-muted: #c50f1f; + + /* Scrollbars */ + --scrollbar-thin-thumb: #414141; + --scrollbar-auto-thumb: #414141; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #f2f2f2 !important; + background-color: #414141 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #767676; + background: #f2f2f2; +} +.hljs-keyword { color: #881798; } +.hljs-string { color: #13a10e; } +.hljs-number { color: #f9f1a5; } +.hljs-comment { color: #cccccc; } + +/* 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. +*/ diff --git a/build/base16-windows-95 b/build/base16-windows-95 index 8d5f94b..92845e7 100644 --- a/build/base16-windows-95 +++ b/build/base16-windows-95 @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #54fc54; /* Green */ - --dnd-indicator: #fc5454; /* Red */ - --idle-indicator: #fcfc54; /* Yellow */ - --streaming-indicator: #fc54fc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5454fc; /* Blue */ - --accent-2: #54fcfc; /* Cyan */ - --accent-3: #54fcfc; - --accent-4: #5454fc; - --accent-5: #fc5454; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #1c1c1c; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #1c1c1c !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c1c1c !important; + --background-surface-highest: #383838 !important; + --background-accent: #383838 !important; + /* Text Colors */ - --text-0: #a8a8a8; - --text-1: #a8a8a8; - --text-2: #a8a8a8; - --text-3: #a8a8a8; - --text-4: #a8a8a8; - --text-5: #545454; - - /* Popups & Modals - using hex + alpha */ - --hover: #5454fc1a; - --active: #5454fc33; - --message-hover: #1c1c1c0a; + --text-default: #a8a8a8; + --text-strong: #a8a8a8 !important; + --text-muted: #7e7e7e !important; + --text-subtle: #545454; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d2d2d2 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d2d2d2; + --control-brand-foreground: #d2d2d2; + --text-link: #5454fc !important; + + /* Syntax & Status */ + --status-positive: #54fc54; + --status-warning: #fcfc54; + --status-danger: #fc5454; + --icon-voice-muted: #fc5454; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d2d2d2; + --scrollbar-auto-thumb: #d2d2d2; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #d2d2d2 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #a8a8a8; + background: #000000; +} +.hljs-keyword { color: #fc54fc; } +.hljs-string { color: #54fc54; } +.hljs-number { color: #a85400; } +.hljs-comment { color: #545454; } + +/* 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. +*/ diff --git a/build/base16-windows-95-light b/build/base16-windows-95-light index 8f3dc5d..a937256 100644 --- a/build/base16-windows-95-light +++ b/build/base16-windows-95-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00a800; /* Green */ - --dnd-indicator: #a80000; /* Red */ - --idle-indicator: #a85400; /* Yellow */ - --streaming-indicator: #a800a8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0000a8; /* Blue */ - --accent-2: #00a8a8; /* Cyan */ - --accent-3: #00a8a8; - --accent-4: #0000a8; - --accent-5: #a80000; - - /* Backgrounds */ - --bg-1: #fcfcfc; - --bg-2: #e0e0e0; - --bg-3: #fcfcfc; - --bg-4: #fcfcfc; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fcfcfc; + --background-base-lowest: #fcfcfc !important; + --background-base-lower: #e0e0e0 !important; + --background-surface-high: #fcfcfc !important; + --chat-background: #fcfcfc; + --home-background: #fcfcfc; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e0e0e0 !important; + --background-surface-highest: #c4c4c4 !important; + --background-accent: #c4c4c4 !important; + /* Text Colors */ - --text-0: #545454; - --text-1: #545454; - --text-2: #545454; - --text-3: #545454; - --text-4: #545454; - --text-5: #a8a8a8; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000a81a; - --active: #0000a833; - --message-hover: #e0e0e00a; + --text-default: #545454; + --text-strong: #545454 !important; + --text-muted: #7e7e7e !important; + --text-subtle: #a8a8a8; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2a2a2a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2a2a2a; + --control-brand-foreground: #2a2a2a; + --text-link: #0000a8 !important; + + /* Syntax & Status */ + --status-positive: #00a800; + --status-warning: #a85400; + --status-danger: #a80000; + --icon-voice-muted: #a80000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #2a2a2a; + --scrollbar-auto-thumb: #2a2a2a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fcfcfc !important; + background-color: #2a2a2a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #545454; + background: #fcfcfc; +} +.hljs-keyword { color: #a800a8; } +.hljs-string { color: #00a800; } +.hljs-number { color: #fcfc54; } +.hljs-comment { color: #a8a8a8; } + +/* 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. +*/ diff --git a/build/base16-windows-highcontrast b/build/base16-windows-highcontrast index de6593f..0096d0b 100644 --- a/build/base16-windows-highcontrast +++ b/build/base16-windows-highcontrast @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #54fc54; /* Green */ - --dnd-indicator: #fc5454; /* Red */ - --idle-indicator: #fcfc54; /* Yellow */ - --streaming-indicator: #fc54fc; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #5454fc; /* Blue */ - --accent-2: #54fcfc; /* Cyan */ - --accent-3: #54fcfc; - --accent-4: #5454fc; - --accent-5: #fc5454; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #1c1c1c; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #1c1c1c !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #1c1c1c !important; + --background-surface-highest: #383838 !important; + --background-accent: #383838 !important; + /* Text Colors */ - --text-0: #c0c0c0; - --text-1: #c0c0c0; - --text-2: #c0c0c0; - --text-3: #c0c0c0; - --text-4: #c0c0c0; - --text-5: #545454; - - /* Popups & Modals - using hex + alpha */ - --hover: #5454fc1a; - --active: #5454fc33; - --message-hover: #1c1c1c0a; + --text-default: #c0c0c0; + --text-strong: #c0c0c0 !important; + --text-muted: #a2a2a2 !important; + --text-subtle: #545454; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #dedede !important; /* This was Pink (#f5c2e7) */ + --text-brand: #dedede; + --control-brand-foreground: #dedede; + --text-link: #5454fc !important; + + /* Syntax & Status */ + --status-positive: #54fc54; + --status-warning: #fcfc54; + --status-danger: #fc5454; + --icon-voice-muted: #fc5454; + + /* Scrollbars */ + --scrollbar-thin-thumb: #dedede; + --scrollbar-auto-thumb: #dedede; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #000000 !important; + background-color: #dedede !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c0c0; + background: #000000; +} +.hljs-keyword { color: #fc54fc; } +.hljs-string { color: #54fc54; } +.hljs-number { color: #808000; } +.hljs-comment { color: #545454; } + +/* 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. +*/ diff --git a/build/base16-windows-highcontrast-light b/build/base16-windows-highcontrast-light index 2347800..efe7704 100644 --- a/build/base16-windows-highcontrast-light +++ b/build/base16-windows-highcontrast-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #008000; /* Green */ - --dnd-indicator: #800000; /* Red */ - --idle-indicator: #808000; /* Yellow */ - --streaming-indicator: #800080; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #000080; /* Blue */ - --accent-2: #008080; /* Cyan */ - --accent-3: #008080; - --accent-4: #000080; - --accent-5: #800000; - - /* Backgrounds */ - --bg-1: #fcfcfc; - --bg-2: #e8e8e8; - --bg-3: #fcfcfc; - --bg-4: #fcfcfc; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #fcfcfc; + --background-base-lowest: #fcfcfc !important; + --background-base-lower: #e8e8e8 !important; + --background-surface-high: #fcfcfc !important; + --chat-background: #fcfcfc; + --home-background: #fcfcfc; + + /* UI Accents & Surfaces */ + --background-surface-higher: #e8e8e8 !important; + --background-surface-highest: #d4d4d4 !important; + --background-accent: #d4d4d4 !important; + /* Text Colors */ - --text-0: #545454; - --text-1: #545454; - --text-2: #545454; - --text-3: #545454; - --text-4: #545454; - --text-5: #c0c0c0; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000801a; - --active: #00008033; - --message-hover: #e8e8e80a; + --text-default: #545454; + --text-strong: #545454 !important; + --text-muted: #7e7e7e !important; + --text-subtle: #c0c0c0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #2a2a2a !important; /* This was Pink (#f5c2e7) */ + --text-brand: #2a2a2a; + --control-brand-foreground: #2a2a2a; + --text-link: #000080 !important; + + /* Syntax & Status */ + --status-positive: #008000; + --status-warning: #808000; + --status-danger: #800000; + --icon-voice-muted: #800000; + + /* Scrollbars */ + --scrollbar-thin-thumb: #2a2a2a; + --scrollbar-auto-thumb: #2a2a2a; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #fcfcfc !important; + background-color: #2a2a2a !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #545454; + background: #fcfcfc; +} +.hljs-keyword { color: #800080; } +.hljs-string { color: #008000; } +.hljs-number { color: #fcfc54; } +.hljs-comment { color: #c0c0c0; } + +/* 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. +*/ diff --git a/build/base16-windows-nt b/build/base16-windows-nt index ece6ec1..b9bc233 100644 --- a/build/base16-windows-nt +++ b/build/base16-windows-nt @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #00ff00; /* Green */ - --dnd-indicator: #ff0000; /* Red */ - --idle-indicator: #ffff00; /* Yellow */ - --streaming-indicator: #ff00ff; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #0000ff; /* Blue */ - --accent-2: #00ffff; /* Cyan */ - --accent-3: #00ffff; - --accent-4: #0000ff; - --accent-5: #ff0000; - - /* Backgrounds */ - --bg-1: #000000; - --bg-2: #2a2a2a; - --bg-3: #000000; - --bg-4: #000000; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #000000; + --background-base-lowest: #000000 !important; + --background-base-lower: #2a2a2a !important; + --background-surface-high: #000000 !important; + --chat-background: #000000; + --home-background: #000000; + + /* UI Accents & Surfaces */ + --background-surface-higher: #2a2a2a !important; + --background-surface-highest: #555555 !important; + --background-accent: #555555 !important; + /* Text Colors */ - --text-0: #c0c0c0; - --text-1: #c0c0c0; - --text-2: #c0c0c0; - --text-3: #c0c0c0; - --text-4: #c0c0c0; - --text-5: #808080; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000ff1a; - --active: #0000ff33; - --message-hover: #2a2a2a0a; + --text-default: #c0c0c0; + --text-strong: #c0c0c0 !important; + --text-muted: #a1a1a1 !important; + --text-subtle: #808080; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #e0e0e0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #e0e0e0; + --control-brand-foreground: #e0e0e0; + --text-link: #0000ff !important; + + /* Syntax & Status */ + --status-positive: #00ff00; + --status-warning: #ffff00; + --status-danger: #ff0000; + --icon-voice-muted: #ff0000; + + /* 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: #000000 !important; + background-color: #e0e0e0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #c0c0c0; + background: #000000; +} +.hljs-keyword { color: #ff00ff; } +.hljs-string { color: #00ff00; } +.hljs-number { color: #808000; } +.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. +*/ diff --git a/build/base16-windows-nt-light b/build/base16-windows-nt-light index aee8b03..ca9e2c6 100644 --- a/build/base16-windows-nt-light +++ b/build/base16-windows-nt-light @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #008000; /* Green */ - --dnd-indicator: #800000; /* Red */ - --idle-indicator: #808000; /* Yellow */ - --streaming-indicator: #800080; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #000080; /* Blue */ - --accent-2: #008080; /* Cyan */ - --accent-3: #008080; - --accent-4: #000080; - --accent-5: #800000; - - /* Backgrounds */ - --bg-1: #ffffff; - --bg-2: #eaeaea; - --bg-3: #ffffff; - --bg-4: #ffffff; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #ffffff; + --background-base-lowest: #ffffff !important; + --background-base-lower: #eaeaea !important; + --background-surface-high: #ffffff !important; + --chat-background: #ffffff; + --home-background: #ffffff; + + /* UI Accents & Surfaces */ + --background-surface-higher: #eaeaea !important; + --background-surface-highest: #d5d5d5 !important; + --background-accent: #d5d5d5 !important; + /* Text Colors */ - --text-0: #808080; - --text-1: #808080; - --text-2: #808080; - --text-3: #808080; - --text-4: #808080; - --text-5: #c0c0c0; - - /* Popups & Modals - using hex + alpha */ - --hover: #0000801a; - --active: #00008033; - --message-hover: #eaeaea0a; + --text-default: #808080; + --text-strong: #808080 !important; + --text-muted: #a0a0a0 !important; + --text-subtle: #c0c0c0; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #404040 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #404040; + --control-brand-foreground: #404040; + --text-link: #000080 !important; + + /* Syntax & Status */ + --status-positive: #008000; + --status-warning: #808000; + --status-danger: #800000; + --icon-voice-muted: #800000; + + /* 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: #808080; + background: #ffffff; +} +.hljs-keyword { color: #800080; } +.hljs-string { color: #008000; } +.hljs-number { color: #ffff00; } +.hljs-comment { color: #c0c0c0; } + +/* 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. +*/ diff --git a/build/base16-woodland b/build/base16-woodland index d3e602f..9387aaa 100644 --- a/build/base16-woodland +++ b/build/base16-woodland @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b7ba53; /* Green */ - --dnd-indicator: #d35c5c; /* Red */ - --idle-indicator: #e0ac16; /* Yellow */ - --streaming-indicator: #bb90e2; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #88a4d3; /* Blue */ - --accent-2: #6eb958; /* Cyan */ - --accent-3: #6eb958; - --accent-4: #88a4d3; - --accent-5: #d35c5c; - - /* Backgrounds */ - --bg-1: #231e18; - --bg-2: #302b25; - --bg-3: #231e18; - --bg-4: #231e18; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #231e18; + --background-base-lowest: #231e18 !important; + --background-base-lower: #302b25 !important; + --background-surface-high: #231e18 !important; + --chat-background: #231e18; + --home-background: #231e18; + + /* UI Accents & Surfaces */ + --background-surface-higher: #302b25 !important; + --background-surface-highest: #48413a !important; + --background-accent: #48413a !important; + /* Text Colors */ - --text-0: #cabcb1; - --text-1: #cabcb1; - --text-2: #cabcb1; - --text-3: #cabcb1; - --text-4: #cabcb1; - --text-5: #9d8b70; - - /* Popups & Modals - using hex + alpha */ - --hover: #88a4d31a; - --active: #88a4d333; - --message-hover: #302b250a; + --text-default: #cabcb1; + --text-strong: #cabcb1 !important; + --text-muted: #b4a490 !important; + --text-subtle: #9d8b70; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #d7c8bc !important; /* This was Pink (#f5c2e7) */ + --text-brand: #d7c8bc; + --control-brand-foreground: #d7c8bc; + --text-link: #88a4d3 !important; + + /* Syntax & Status */ + --status-positive: #b7ba53; + --status-warning: #e0ac16; + --status-danger: #d35c5c; + --icon-voice-muted: #d35c5c; + + /* Scrollbars */ + --scrollbar-thin-thumb: #d7c8bc; + --scrollbar-auto-thumb: #d7c8bc; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #231e18 !important; + background-color: #d7c8bc !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #cabcb1; + background: #231e18; +} +.hljs-keyword { color: #bb90e2; } +.hljs-string { color: #b7ba53; } +.hljs-number { color: #ca7f32; } +.hljs-comment { color: #9d8b70; } + +/* 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. +*/ diff --git a/build/base16-xcode-dusk b/build/base16-xcode-dusk index 21d1ab1..eba16ed 100644 --- a/build/base16-xcode-dusk +++ b/build/base16-xcode-dusk @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #df0002; /* Green */ - --dnd-indicator: #b21889; /* Red */ - --idle-indicator: #438288; /* Yellow */ - --streaming-indicator: #b21889; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #790ead; /* Blue */ - --accent-2: #00a0be; /* Cyan */ - --accent-3: #00a0be; - --accent-4: #790ead; - --accent-5: #b21889; - - /* Backgrounds */ - --bg-1: #282b35; - --bg-2: #3d4048; - --bg-3: #282b35; - --bg-4: #282b35; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #282b35; + --background-base-lowest: #282b35 !important; + --background-base-lower: #3d4048 !important; + --background-surface-high: #282b35 !important; + --chat-background: #282b35; + --home-background: #282b35; + + /* UI Accents & Surfaces */ + --background-surface-higher: #3d4048 !important; + --background-surface-highest: #53555d !important; + --background-accent: #53555d !important; + /* Text Colors */ - --text-0: #939599; - --text-1: #939599; - --text-2: #939599; - --text-3: #939599; - --text-4: #939599; - --text-5: #686a71; - - /* Popups & Modals - using hex + alpha */ - --hover: #790ead1a; - --active: #790ead33; - --message-hover: #3d40480a; + --text-default: #939599; + --text-strong: #939599 !important; + --text-muted: #7e8086 !important; + --text-subtle: #686a71; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #a9aaae !important; /* This was Pink (#f5c2e7) */ + --text-brand: #a9aaae; + --control-brand-foreground: #a9aaae; + --text-link: #790ead !important; + + /* Syntax & Status */ + --status-positive: #df0002; + --status-warning: #438288; + --status-danger: #b21889; + --icon-voice-muted: #b21889; + + /* Scrollbars */ + --scrollbar-thin-thumb: #a9aaae; + --scrollbar-auto-thumb: #a9aaae; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #282b35 !important; + background-color: #a9aaae !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #939599; + background: #282b35; +} +.hljs-keyword { color: #b21889; } +.hljs-string { color: #df0002; } +.hljs-number { color: #786dc5; } +.hljs-comment { color: #686a71; } + +/* 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. +*/ diff --git a/build/base16-yesterday b/build/base16-yesterday index b0523e6..89bbfe7 100644 --- a/build/base16-yesterday +++ b/build/base16-yesterday @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #718c00; /* Green */ - --dnd-indicator: #c82829; /* Red */ - --idle-indicator: #eab700; /* Yellow */ - --streaming-indicator: #8959a8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #4271ae; /* Blue */ - --accent-2: #3e999f; /* Cyan */ - --accent-3: #3e999f; - --accent-4: #4271ae; - --accent-5: #c82829; - - /* Backgrounds */ - --bg-1: #1d1f21; - --bg-2: #282a2e; - --bg-3: #1d1f21; - --bg-4: #1d1f21; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #1d1f21; + --background-base-lowest: #1d1f21 !important; + --background-base-lower: #282a2e !important; + --background-surface-high: #1d1f21 !important; + --chat-background: #1d1f21; + --home-background: #1d1f21; + + /* UI Accents & Surfaces */ + --background-surface-higher: #282a2e !important; + --background-surface-highest: #4d4d4c !important; + --background-accent: #4d4d4c !important; + /* Text Colors */ - --text-0: #d6d6d6; - --text-1: #d6d6d6; - --text-2: #d6d6d6; - --text-3: #d6d6d6; - --text-4: #d6d6d6; - --text-5: #969896; - - /* Popups & Modals - using hex + alpha */ - --hover: #4271ae1a; - --active: #4271ae33; - --message-hover: #282a2e0a; + --text-default: #d6d6d6; + --text-strong: #d6d6d6 !important; + --text-muted: #8e908c !important; + --text-subtle: #969896; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #efefef !important; /* This was Pink (#f5c2e7) */ + --text-brand: #efefef; + --control-brand-foreground: #efefef; + --text-link: #4271ae !important; + + /* Syntax & Status */ + --status-positive: #718c00; + --status-warning: #eab700; + --status-danger: #c82829; + --icon-voice-muted: #c82829; + + /* Scrollbars */ + --scrollbar-thin-thumb: #efefef; + --scrollbar-auto-thumb: #efefef; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #1d1f21 !important; + background-color: #efefef !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #d6d6d6; + background: #1d1f21; +} +.hljs-keyword { color: #8959a8; } +.hljs-string { color: #718c00; } +.hljs-number { color: #f5871f; } +.hljs-comment { color: #969896; } + +/* 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. +*/ diff --git a/build/base16-yesterday-bright b/build/base16-yesterday-bright index 74ac9ed..5cce603 100644 --- a/build/base16-yesterday-bright +++ b/build/base16-yesterday-bright @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b9ca4a; /* Green */ - --dnd-indicator: #d54e53; /* Red */ - --idle-indicator: #e7c547; /* Yellow */ - --streaming-indicator: #c397d8; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7aa6da; /* Blue */ - --accent-2: #70c0b1; /* Cyan */ - --accent-3: #70c0b1; - --accent-4: #7aa6da; - --accent-5: #d54e53; - - /* Backgrounds */ - --bg-1: #343d46; - --bg-2: #4f5b66; - --bg-3: #343d46; - --bg-4: #343d46; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #343d46; + --background-base-lowest: #343d46 !important; + --background-base-lower: #4f5b66 !important; + --background-surface-high: #343d46 !important; + --chat-background: #343d46; + --home-background: #343d46; + + /* UI Accents & Surfaces */ + --background-surface-higher: #4f5b66 !important; + --background-surface-highest: #65737e !important; + --background-accent: #65737e !important; + /* Text Colors */ - --text-0: #dfe1e8; - --text-1: #dfe1e8; - --text-2: #dfe1e8; - --text-3: #dfe1e8; - --text-4: #dfe1e8; - --text-5: #a7adba; - - /* Popups & Modals - using hex + alpha */ - --hover: #7aa6da1a; - --active: #7aa6da33; - --message-hover: #4f5b660a; + --text-default: #dfe1e8; + --text-strong: #dfe1e8 !important; + --text-muted: #c0c5ce !important; + --text-subtle: #a7adba; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eff1f5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eff1f5; + --control-brand-foreground: #eff1f5; + --text-link: #7aa6da !important; + + /* Syntax & Status */ + --status-positive: #b9ca4a; + --status-warning: #e7c547; + --status-danger: #d54e53; + --icon-voice-muted: #d54e53; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eff1f5; + --scrollbar-auto-thumb: #eff1f5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #343d46 !important; + background-color: #eff1f5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dfe1e8; + background: #343d46; +} +.hljs-keyword { color: #c397d8; } +.hljs-string { color: #b9ca4a; } +.hljs-number { color: #e78c45; } +.hljs-comment { color: #a7adba; } + +/* 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. +*/ diff --git a/build/base16-yesterday-night b/build/base16-yesterday-night index 929c9b5..0a8a718 100644 --- a/build/base16-yesterday-night +++ b/build/base16-yesterday-night @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #b5bd68; /* Green */ - --dnd-indicator: #cc6666; /* Red */ - --idle-indicator: #f0c674; /* Yellow */ - --streaming-indicator: #b294bb; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #81a2be; /* Blue */ - --accent-2: #8abeb7; /* Cyan */ - --accent-3: #8abeb7; - --accent-4: #81a2be; - --accent-5: #cc6666; - - /* Backgrounds */ - --bg-1: #343d46; - --bg-2: #4f5b66; - --bg-3: #343d46; - --bg-4: #343d46; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #343d46; + --background-base-lowest: #343d46 !important; + --background-base-lower: #4f5b66 !important; + --background-surface-high: #343d46 !important; + --chat-background: #343d46; + --home-background: #343d46; + + /* UI Accents & Surfaces */ + --background-surface-higher: #4f5b66 !important; + --background-surface-highest: #65737e !important; + --background-accent: #65737e !important; + /* Text Colors */ - --text-0: #dfe1e8; - --text-1: #dfe1e8; - --text-2: #dfe1e8; - --text-3: #dfe1e8; - --text-4: #dfe1e8; - --text-5: #a7adba; - - /* Popups & Modals - using hex + alpha */ - --hover: #81a2be1a; - --active: #81a2be33; - --message-hover: #4f5b660a; + --text-default: #dfe1e8; + --text-strong: #dfe1e8 !important; + --text-muted: #c0c5ce !important; + --text-subtle: #a7adba; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #eff1f5 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #eff1f5; + --control-brand-foreground: #eff1f5; + --text-link: #81a2be !important; + + /* Syntax & Status */ + --status-positive: #b5bd68; + --status-warning: #f0c674; + --status-danger: #cc6666; + --icon-voice-muted: #cc6666; + + /* Scrollbars */ + --scrollbar-thin-thumb: #eff1f5; + --scrollbar-auto-thumb: #eff1f5; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #343d46 !important; + background-color: #eff1f5 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dfe1e8; + background: #343d46; +} +.hljs-keyword { color: #b294bb; } +.hljs-string { color: #b5bd68; } +.hljs-number { color: #de935f; } +.hljs-comment { color: #a7adba; } + +/* 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. +*/ diff --git a/build/base16-zenbones b/build/base16-zenbones index 21b49c5..7a332b8 100644 --- a/build/base16-zenbones +++ b/build/base16-zenbones @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #d68c67; /* Green */ - --dnd-indicator: #3d3839; /* Red */ - --idle-indicator: #8bae68; /* Yellow */ - --streaming-indicator: #65b8c1; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #cf86c1; /* Blue */ - --accent-2: #61abda; /* Cyan */ - --accent-3: #61abda; - --accent-4: #cf86c1; - --accent-5: #3d3839; - - /* Backgrounds */ - --bg-1: #191919; - --bg-2: #de6e7c; - --bg-3: #191919; - --bg-4: #191919; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #191919; + --background-base-lowest: #191919 !important; + --background-base-lower: #de6e7c !important; + --background-surface-high: #191919 !important; + --chat-background: #191919; + --home-background: #191919; + + /* UI Accents & Surfaces */ + --background-surface-higher: #de6e7c !important; + --background-surface-highest: #819b69 !important; + --background-accent: #819b69 !important; + /* Text Colors */ - --text-0: #b279a7; - --text-1: #b279a7; - --text-2: #b279a7; - --text-3: #b279a7; - --text-4: #b279a7; - --text-5: #b77e64; - - /* Popups & Modals - using hex + alpha */ - --hover: #cf86c11a; - --active: #cf86c133; - --message-hover: #de6e7c0a; + --text-default: #b279a7; + --text-strong: #b279a7 !important; + --text-muted: #6099c0 !important; + --text-subtle: #b77e64; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #66a5ad !important; /* This was Pink (#f5c2e7) */ + --text-brand: #66a5ad; + --control-brand-foreground: #66a5ad; + --text-link: #cf86c1 !important; + + /* Syntax & Status */ + --status-positive: #d68c67; + --status-warning: #8bae68; + --status-danger: #3d3839; + --icon-voice-muted: #3d3839; + + /* Scrollbars */ + --scrollbar-thin-thumb: #66a5ad; + --scrollbar-auto-thumb: #66a5ad; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #191919 !important; + background-color: #66a5ad !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #b279a7; + background: #191919; +} +.hljs-keyword { color: #65b8c1; } +.hljs-string { color: #d68c67; } +.hljs-number { color: #e8838f; } +.hljs-comment { color: #b77e64; } + +/* 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. +*/ diff --git a/build/base16-zenburn b/build/base16-zenburn index 4e4ea30..637687f 100644 --- a/build/base16-zenburn +++ b/build/base16-zenburn @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #5f7f5f; /* Green */ - --dnd-indicator: #dca3a3; /* Red */ - --idle-indicator: #e0cf9f; /* Yellow */ - --streaming-indicator: #dc8cc3; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #7cb8bb; /* Blue */ - --accent-2: #93e0e3; /* Cyan */ - --accent-3: #93e0e3; - --accent-4: #7cb8bb; - --accent-5: #dca3a3; - - /* Backgrounds */ - --bg-1: #383838; - --bg-2: #404040; - --bg-3: #383838; - --bg-4: #383838; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #383838; + --background-base-lowest: #383838 !important; + --background-base-lower: #404040 !important; + --background-surface-high: #383838 !important; + --chat-background: #383838; + --home-background: #383838; + + /* UI Accents & Surfaces */ + --background-surface-higher: #404040 !important; + --background-surface-highest: #606060 !important; + --background-accent: #606060 !important; + /* Text Colors */ - --text-0: #dcdccc; - --text-1: #dcdccc; - --text-2: #dcdccc; - --text-3: #dcdccc; - --text-4: #dcdccc; - --text-5: #6f6f6f; - - /* Popups & Modals - using hex + alpha */ - --hover: #7cb8bb1a; - --active: #7cb8bb33; - --message-hover: #4040400a; + --text-default: #dcdccc; + --text-strong: #dcdccc !important; + --text-muted: #808080 !important; + --text-subtle: #6f6f6f; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #c0c0c0 !important; /* This was Pink (#f5c2e7) */ + --text-brand: #c0c0c0; + --control-brand-foreground: #c0c0c0; + --text-link: #7cb8bb !important; + + /* Syntax & Status */ + --status-positive: #5f7f5f; + --status-warning: #e0cf9f; + --status-danger: #dca3a3; + --icon-voice-muted: #dca3a3; + + /* Scrollbars */ + --scrollbar-thin-thumb: #c0c0c0; + --scrollbar-auto-thumb: #c0c0c0; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #383838 !important; + background-color: #c0c0c0 !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #dcdccc; + background: #383838; +} +.hljs-keyword { color: #dc8cc3; } +.hljs-string { color: #5f7f5f; } +.hljs-number { color: #dfaf8f; } +.hljs-comment { color: #6f6f6f; } + +/* 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. +*/ diff --git a/templates/default.mustache b/templates/default.mustache index a477aa6..c2f16e9 100644 --- a/templates/default.mustache +++ b/templates/default.mustache @@ -1,41 +1,64 @@ -/** - * @name Midnight (Tinty Edition) - */ -@import url('https://refact0r.github.io/midnight-discord/build/midnight.css'); - -:root { - --font: 'figtree'; - --corner-text: 'Midnight'; - - /* Status Indicators */ - --online-indicator: #{{base0B-hex}}; /* Green */ - --dnd-indicator: #{{base08-hex}}; /* Red */ - --idle-indicator: #{{base0A-hex}}; /* Yellow */ - --streaming-indicator: #{{base0E-hex}}; /* Mauve/Purple */ - - /* Accent Colors */ - --accent-1: #{{base0D-hex}}; /* Blue */ - --accent-2: #{{base0C-hex}}; /* Cyan */ - --accent-3: #{{base0C-hex}}; - --accent-4: #{{base0D-hex}}; - --accent-5: #{{base08-hex}}; - - /* Backgrounds */ - --bg-1: #{{base00-hex}}; - --bg-2: #{{base01-hex}}; - --bg-3: #{{base00-hex}}; - --bg-4: #{{base00-hex}}; +/* Tinty Template: Discord Visual Refresh + Mapped from Catppuccin Mocha Pink +*/ +.visual-refresh.theme-dark, +.visual-refresh .theme-dark { + /* Main Backgrounds */ + --app-frame-background: #{{base00-hex}}; + --background-base-lowest: #{{base00-hex}} !important; + --background-base-lower: #{{base01-hex}} !important; + --background-surface-high: #{{base00-hex}} !important; + --chat-background: #{{base00-hex}}; + --home-background: #{{base00-hex}}; + + /* UI Accents & Surfaces */ + --background-surface-higher: #{{base01-hex}} !important; + --background-surface-highest: #{{base02-hex}} !important; + --background-accent: #{{base02-hex}} !important; + /* Text Colors */ - --text-0: #{{base05-hex}}; - --text-1: #{{base05-hex}}; - --text-2: #{{base05-hex}}; - --text-3: #{{base05-hex}}; - --text-4: #{{base05-hex}}; - --text-5: #{{base03-hex}}; - - /* Popups & Modals - using hex + alpha */ - --hover: #{{base0D-hex}}1a; - --active: #{{base0D-hex}}33; - --message-hover: #{{base01-hex}}0a; + --text-default: #{{base05-hex}}; + --text-strong: #{{base05-hex}} !important; + --text-muted: #{{base04-hex}} !important; + --text-subtle: #{{base03-hex}}; + + /* Branding & Interactives (Using base06/base0D for accents) */ + --brand-500: #{{base06-hex}} !important; /* This was Pink (#f5c2e7) */ + --text-brand: #{{base06-hex}}; + --control-brand-foreground: #{{base06-hex}}; + --text-link: #{{base0D-hex}} !important; + + /* Syntax & Status */ + --status-positive: #{{base0B-hex}}; + --status-warning: #{{base0A-hex}}; + --status-danger: #{{base08-hex}}; + --icon-voice-muted: #{{base08-hex}}; + + /* Scrollbars */ + --scrollbar-thin-thumb: #{{base06-hex}}; + --scrollbar-auto-thumb: #{{base06-hex}}; } + +/* Button Recoloring */ +.visual-refresh.theme-dark button.vc-btn-primary, +.visual-refresh .theme-dark button.vc-btn-primary { + color: #{{base00-hex}} !important; + background-color: #{{base06-hex}} !important; +} + +/* Syntax Highlighting Section */ +.visual-refresh.theme-dark.hljs, +.visual-refresh .theme-dark.hljs { + color: #{{base05-hex}}; + background: #{{base00-hex}}; +} +.hljs-keyword { color: #{{base0E-hex}}; } +.hljs-string { color: #{{base0B-hex}}; } +.hljs-number { color: #{{base09-hex}}; } +.hljs-comment { color: #{{base03-hex}}; } + +/* 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. +*/