diff --git a/build/base16-0x96f b/build/base16-0x96f
index 4b292eb..cd42afb 100644
--- a/build/base16-0x96f
+++ b/build/base16-0x96f
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #262427; /* Black */
+    --base01: #3b393c; /* Bright Black */
+    --base02: #514f52; /* Grey */
+    --base03: #676567; /* Brighter Grey */
+    --base04: #7c7b7d; /* Bright Grey */
+    --base05: #fcfcfc; /* White */
+    --base06: #eae9eb; /* Brighter White */
+    --base07: #fcfcfc; /* Bright White */
+    --base08: #ff7272; /* Red */
+    --base09: #fc9d6f; /* Orange */
+    --base0A: #ffca58; /* Yellow */
+    --base0B: #bcdf59; /* Green */
+    --base0C: #aee8f4; /* Cyan */
+    --base0D: #49cae4; /* Blue */
+    --base0E: #a093e2; /* Purple */
+    --base0F: #ff8787; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-3024 b/build/base16-3024
index 1017e24..293c435 100644
--- a/build/base16-3024
+++ b/build/base16-3024
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #090300; /* Black */
+    --base01: #3a3432; /* Bright Black */
+    --base02: #4a4543; /* Grey */
+    --base03: #5c5855; /* Brighter Grey */
+    --base04: #807d7c; /* Bright Grey */
+    --base05: #a5a2a2; /* White */
+    --base06: #d6d5d4; /* Brighter White */
+    --base07: #f7f7f7; /* Bright White */
+    --base08: #db2d20; /* Red */
+    --base09: #e8bbd0; /* Orange */
+    --base0A: #fded02; /* Yellow */
+    --base0B: #01a252; /* Green */
+    --base0C: #b5e4f4; /* Cyan */
+    --base0D: #01a0e4; /* Blue */
+    --base0E: #a16a94; /* Purple */
+    --base0F: #cdab53; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-apathy b/build/base16-apathy
index d29b03f..5dbf0fc 100644
--- a/build/base16-apathy
+++ b/build/base16-apathy
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #031a16; /* Black */
+    --base01: #0b342d; /* Bright Black */
+    --base02: #184e45; /* Grey */
+    --base03: #2b685e; /* Brighter Grey */
+    --base04: #5f9c92; /* Bright Grey */
+    --base05: #81b5ac; /* White */
+    --base06: #a7cec8; /* Brighter White */
+    --base07: #d2e7e4; /* Bright White */
+    --base08: #3e9688; /* Red */
+    --base09: #3e7996; /* Orange */
+    --base0A: #3e4c96; /* Yellow */
+    --base0B: #883e96; /* Green */
+    --base0C: #963e4c; /* Cyan */
+    --base0D: #96883e; /* Blue */
+    --base0E: #4c963e; /* Purple */
+    --base0F: #3e965b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-apprentice b/build/base16-apprentice
index d1c7141..2ee1a17 100644
--- a/build/base16-apprentice
+++ b/build/base16-apprentice
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #262626; /* Black */
+    --base01: #af5f5f; /* Bright Black */
+    --base02: #5f875f; /* Grey */
+    --base03: #87875f; /* Brighter Grey */
+    --base04: #5f87af; /* Bright Grey */
+    --base05: #5f5f87; /* White */
+    --base06: #5f8787; /* Brighter White */
+    --base07: #6c6c6c; /* Bright White */
+    --base08: #444444; /* Red */
+    --base09: #ff8700; /* Orange */
+    --base0A: #87af87; /* Yellow */
+    --base0B: #ffffaf; /* Green */
+    --base0C: #87afd7; /* Cyan */
+    --base0D: #8787af; /* Blue */
+    --base0E: #5fafaf; /* Purple */
+    --base0F: #bcbcbc; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ascendancy b/build/base16-ascendancy
index d2d42ce..e3225cb 100644
--- a/build/base16-ascendancy
+++ b/build/base16-ascendancy
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282828; /* Black */
+    --base01: #212f3d; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #928374; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #d5c7a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #d05000; /* Red */
+    --base09: #fe8019; /* Orange */
+    --base0A: #ffcc1b; /* Yellow */
+    --base0B: #b8bb26; /* Green */
+    --base0C: #8f3f71; /* Cyan */
+    --base0D: #458588; /* Blue */
+    --base0E: #fabd2f; /* Purple */
+    --base0F: #b59b4d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ashes b/build/base16-ashes
index d76e66a..fc1f6bc 100644
--- a/build/base16-ashes
+++ b/build/base16-ashes
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c2023; /* Black */
+    --base01: #393f45; /* Bright Black */
+    --base02: #565e65; /* Grey */
+    --base03: #747c84; /* Brighter Grey */
+    --base04: #adb3ba; /* Bright Grey */
+    --base05: #c7ccd1; /* White */
+    --base06: #dfe2e5; /* Brighter White */
+    --base07: #f3f4f5; /* Bright White */
+    --base08: #c7ae95; /* Red */
+    --base09: #c7c795; /* Orange */
+    --base0A: #aec795; /* Yellow */
+    --base0B: #95c7ae; /* Green */
+    --base0C: #95aec7; /* Cyan */
+    --base0D: #ae95c7; /* Blue */
+    --base0E: #c795ae; /* Purple */
+    --base0F: #c79595; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-cave b/build/base16-atelier-cave
index 0776442..594beeb 100644
--- a/build/base16-atelier-cave
+++ b/build/base16-atelier-cave
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #19171c; /* Black */
+    --base01: #26232a; /* Bright Black */
+    --base02: #585260; /* Grey */
+    --base03: #655f6d; /* Brighter Grey */
+    --base04: #7e7887; /* Bright Grey */
+    --base05: #8b8792; /* White */
+    --base06: #e2dfe7; /* Brighter White */
+    --base07: #efecf4; /* Bright White */
+    --base08: #be4678; /* Red */
+    --base09: #aa573c; /* Orange */
+    --base0A: #a06e3b; /* Yellow */
+    --base0B: #2a9292; /* Green */
+    --base0C: #398bc6; /* Cyan */
+    --base0D: #576ddb; /* Blue */
+    --base0E: #955ae7; /* Purple */
+    --base0F: #bf40bf; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-cave-light b/build/base16-atelier-cave-light
index 3b70ad3..0b2c394 100644
--- a/build/base16-atelier-cave-light
+++ b/build/base16-atelier-cave-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #efecf4; /* Black */
+    --base01: #e2dfe7; /* Bright Black */
+    --base02: #8b8792; /* Grey */
+    --base03: #7e7887; /* Brighter Grey */
+    --base04: #655f6d; /* Bright Grey */
+    --base05: #585260; /* White */
+    --base06: #26232a; /* Brighter White */
+    --base07: #19171c; /* Bright White */
+    --base08: #be4678; /* Red */
+    --base09: #aa573c; /* Orange */
+    --base0A: #a06e3b; /* Yellow */
+    --base0B: #2a9292; /* Green */
+    --base0C: #398bc6; /* Cyan */
+    --base0D: #576ddb; /* Blue */
+    --base0E: #955ae7; /* Purple */
+    --base0F: #bf40bf; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-dune b/build/base16-atelier-dune
index 5200b2c..1168add 100644
--- a/build/base16-atelier-dune
+++ b/build/base16-atelier-dune
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #20201d; /* Black */
+    --base01: #292824; /* Bright Black */
+    --base02: #6e6b5e; /* Grey */
+    --base03: #7d7a68; /* Brighter Grey */
+    --base04: #999580; /* Bright Grey */
+    --base05: #a6a28c; /* White */
+    --base06: #e8e4cf; /* Brighter White */
+    --base07: #fefbec; /* Bright White */
+    --base08: #d73737; /* Red */
+    --base09: #b65611; /* Orange */
+    --base0A: #ae9513; /* Yellow */
+    --base0B: #60ac39; /* Green */
+    --base0C: #1fad83; /* Cyan */
+    --base0D: #6684e1; /* Blue */
+    --base0E: #b854d4; /* Purple */
+    --base0F: #d43552; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-dune-light b/build/base16-atelier-dune-light
index 646dcb4..23db39e 100644
--- a/build/base16-atelier-dune-light
+++ b/build/base16-atelier-dune-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fefbec; /* Black */
+    --base01: #e8e4cf; /* Bright Black */
+    --base02: #a6a28c; /* Grey */
+    --base03: #999580; /* Brighter Grey */
+    --base04: #7d7a68; /* Bright Grey */
+    --base05: #6e6b5e; /* White */
+    --base06: #292824; /* Brighter White */
+    --base07: #20201d; /* Bright White */
+    --base08: #d73737; /* Red */
+    --base09: #b65611; /* Orange */
+    --base0A: #ae9513; /* Yellow */
+    --base0B: #60ac39; /* Green */
+    --base0C: #1fad83; /* Cyan */
+    --base0D: #6684e1; /* Blue */
+    --base0E: #b854d4; /* Purple */
+    --base0F: #d43552; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-estuary b/build/base16-atelier-estuary
index a6d0c70..cea786c 100644
--- a/build/base16-atelier-estuary
+++ b/build/base16-atelier-estuary
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #22221b; /* Black */
+    --base01: #302f27; /* Bright Black */
+    --base02: #5f5e4e; /* Grey */
+    --base03: #6c6b5a; /* Brighter Grey */
+    --base04: #878573; /* Bright Grey */
+    --base05: #929181; /* White */
+    --base06: #e7e6df; /* Brighter White */
+    --base07: #f4f3ec; /* Bright White */
+    --base08: #ba6236; /* Red */
+    --base09: #ae7313; /* Orange */
+    --base0A: #a5980d; /* Yellow */
+    --base0B: #7d9726; /* Green */
+    --base0C: #5b9d48; /* Cyan */
+    --base0D: #36a166; /* Blue */
+    --base0E: #5f9182; /* Purple */
+    --base0F: #9d6c7c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-estuary-light b/build/base16-atelier-estuary-light
index ca47325..53e101e 100644
--- a/build/base16-atelier-estuary-light
+++ b/build/base16-atelier-estuary-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f4f3ec; /* Black */
+    --base01: #e7e6df; /* Bright Black */
+    --base02: #929181; /* Grey */
+    --base03: #878573; /* Brighter Grey */
+    --base04: #6c6b5a; /* Bright Grey */
+    --base05: #5f5e4e; /* White */
+    --base06: #302f27; /* Brighter White */
+    --base07: #22221b; /* Bright White */
+    --base08: #ba6236; /* Red */
+    --base09: #ae7313; /* Orange */
+    --base0A: #a5980d; /* Yellow */
+    --base0B: #7d9726; /* Green */
+    --base0C: #5b9d48; /* Cyan */
+    --base0D: #36a166; /* Blue */
+    --base0E: #5f9182; /* Purple */
+    --base0F: #9d6c7c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-forest b/build/base16-atelier-forest
index de366ad..204f139 100644
--- a/build/base16-atelier-forest
+++ b/build/base16-atelier-forest
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1b1918; /* Black */
+    --base01: #2c2421; /* Bright Black */
+    --base02: #68615e; /* Grey */
+    --base03: #766e6b; /* Brighter Grey */
+    --base04: #9c9491; /* Bright Grey */
+    --base05: #a8a19f; /* White */
+    --base06: #e6e2e0; /* Brighter White */
+    --base07: #f1efee; /* Bright White */
+    --base08: #f22c40; /* Red */
+    --base09: #df5320; /* Orange */
+    --base0A: #c38418; /* Yellow */
+    --base0B: #7b9726; /* Green */
+    --base0C: #3d97b8; /* Cyan */
+    --base0D: #407ee7; /* Blue */
+    --base0E: #6666ea; /* Purple */
+    --base0F: #c33ff3; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-forest-light b/build/base16-atelier-forest-light
index 67820ab..da38eae 100644
--- a/build/base16-atelier-forest-light
+++ b/build/base16-atelier-forest-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f1efee; /* Black */
+    --base01: #e6e2e0; /* Bright Black */
+    --base02: #a8a19f; /* Grey */
+    --base03: #9c9491; /* Brighter Grey */
+    --base04: #766e6b; /* Bright Grey */
+    --base05: #68615e; /* White */
+    --base06: #2c2421; /* Brighter White */
+    --base07: #1b1918; /* Bright White */
+    --base08: #f22c40; /* Red */
+    --base09: #df5320; /* Orange */
+    --base0A: #c38418; /* Yellow */
+    --base0B: #7b9726; /* Green */
+    --base0C: #3d97b8; /* Cyan */
+    --base0D: #407ee7; /* Blue */
+    --base0E: #6666ea; /* Purple */
+    --base0F: #c33ff3; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-heath b/build/base16-atelier-heath
index 4093424..0ada5f7 100644
--- a/build/base16-atelier-heath
+++ b/build/base16-atelier-heath
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1b181b; /* Black */
+    --base01: #292329; /* Bright Black */
+    --base02: #695d69; /* Grey */
+    --base03: #776977; /* Brighter Grey */
+    --base04: #9e8f9e; /* Bright Grey */
+    --base05: #ab9bab; /* White */
+    --base06: #d8cad8; /* Brighter White */
+    --base07: #f7f3f7; /* Bright White */
+    --base08: #ca402b; /* Red */
+    --base09: #a65926; /* Orange */
+    --base0A: #bb8a35; /* Yellow */
+    --base0B: #918b3b; /* Green */
+    --base0C: #159393; /* Cyan */
+    --base0D: #516aec; /* Blue */
+    --base0E: #7b59c0; /* Purple */
+    --base0F: #cc33cc; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-heath-light b/build/base16-atelier-heath-light
index d5795aa..4d2b8f1 100644
--- a/build/base16-atelier-heath-light
+++ b/build/base16-atelier-heath-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f7f3f7; /* Black */
+    --base01: #d8cad8; /* Bright Black */
+    --base02: #ab9bab; /* Grey */
+    --base03: #9e8f9e; /* Brighter Grey */
+    --base04: #776977; /* Bright Grey */
+    --base05: #695d69; /* White */
+    --base06: #292329; /* Brighter White */
+    --base07: #1b181b; /* Bright White */
+    --base08: #ca402b; /* Red */
+    --base09: #a65926; /* Orange */
+    --base0A: #bb8a35; /* Yellow */
+    --base0B: #918b3b; /* Green */
+    --base0C: #159393; /* Cyan */
+    --base0D: #516aec; /* Blue */
+    --base0E: #7b59c0; /* Purple */
+    --base0F: #cc33cc; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-lakeside b/build/base16-atelier-lakeside
index cb300f8..349b955 100644
--- a/build/base16-atelier-lakeside
+++ b/build/base16-atelier-lakeside
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #161b1d; /* Black */
+    --base01: #1f292e; /* Bright Black */
+    --base02: #516d7b; /* Grey */
+    --base03: #5a7b8c; /* Brighter Grey */
+    --base04: #7195a8; /* Bright Grey */
+    --base05: #7ea2b4; /* White */
+    --base06: #c1e4f6; /* Brighter White */
+    --base07: #ebf8ff; /* Bright White */
+    --base08: #d22d72; /* Red */
+    --base09: #935c25; /* Orange */
+    --base0A: #8a8a0f; /* Yellow */
+    --base0B: #568c3b; /* Green */
+    --base0C: #2d8f6f; /* Cyan */
+    --base0D: #257fad; /* Blue */
+    --base0E: #6b6bb8; /* Purple */
+    --base0F: #b72dd2; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-lakeside-light b/build/base16-atelier-lakeside-light
index d5bb9b8..23003c1 100644
--- a/build/base16-atelier-lakeside-light
+++ b/build/base16-atelier-lakeside-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ebf8ff; /* Black */
+    --base01: #c1e4f6; /* Bright Black */
+    --base02: #7ea2b4; /* Grey */
+    --base03: #7195a8; /* Brighter Grey */
+    --base04: #5a7b8c; /* Bright Grey */
+    --base05: #516d7b; /* White */
+    --base06: #1f292e; /* Brighter White */
+    --base07: #161b1d; /* Bright White */
+    --base08: #d22d72; /* Red */
+    --base09: #935c25; /* Orange */
+    --base0A: #8a8a0f; /* Yellow */
+    --base0B: #568c3b; /* Green */
+    --base0C: #2d8f6f; /* Cyan */
+    --base0D: #257fad; /* Blue */
+    --base0E: #6b6bb8; /* Purple */
+    --base0F: #b72dd2; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-plateau b/build/base16-atelier-plateau
index e860c8e..0bb4a30 100644
--- a/build/base16-atelier-plateau
+++ b/build/base16-atelier-plateau
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1b1818; /* Black */
+    --base01: #292424; /* Bright Black */
+    --base02: #585050; /* Grey */
+    --base03: #655d5d; /* Brighter Grey */
+    --base04: #7e7777; /* Bright Grey */
+    --base05: #8a8585; /* White */
+    --base06: #e7dfdf; /* Brighter White */
+    --base07: #f4ecec; /* Bright White */
+    --base08: #ca4949; /* Red */
+    --base09: #b45a3c; /* Orange */
+    --base0A: #a06e3b; /* Yellow */
+    --base0B: #4b8b8b; /* Green */
+    --base0C: #5485b6; /* Cyan */
+    --base0D: #7272ca; /* Blue */
+    --base0E: #8464c4; /* Purple */
+    --base0F: #bd5187; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-plateau-light b/build/base16-atelier-plateau-light
index 12b2b0d..68c2fb5 100644
--- a/build/base16-atelier-plateau-light
+++ b/build/base16-atelier-plateau-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f4ecec; /* Black */
+    --base01: #e7dfdf; /* Bright Black */
+    --base02: #8a8585; /* Grey */
+    --base03: #7e7777; /* Brighter Grey */
+    --base04: #655d5d; /* Bright Grey */
+    --base05: #585050; /* White */
+    --base06: #292424; /* Brighter White */
+    --base07: #1b1818; /* Bright White */
+    --base08: #ca4949; /* Red */
+    --base09: #b45a3c; /* Orange */
+    --base0A: #a06e3b; /* Yellow */
+    --base0B: #4b8b8b; /* Green */
+    --base0C: #5485b6; /* Cyan */
+    --base0D: #7272ca; /* Blue */
+    --base0E: #8464c4; /* Purple */
+    --base0F: #bd5187; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-savanna b/build/base16-atelier-savanna
index 1041206..ddf3b01 100644
--- a/build/base16-atelier-savanna
+++ b/build/base16-atelier-savanna
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171c19; /* Black */
+    --base01: #232a25; /* Bright Black */
+    --base02: #526057; /* Grey */
+    --base03: #5f6d64; /* Brighter Grey */
+    --base04: #78877d; /* Bright Grey */
+    --base05: #87928a; /* White */
+    --base06: #dfe7e2; /* Brighter White */
+    --base07: #ecf4ee; /* Bright White */
+    --base08: #b16139; /* Red */
+    --base09: #9f713c; /* Orange */
+    --base0A: #a07e3b; /* Yellow */
+    --base0B: #489963; /* Green */
+    --base0C: #1c9aa0; /* Cyan */
+    --base0D: #478c90; /* Blue */
+    --base0E: #55859b; /* Purple */
+    --base0F: #867469; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-savanna-light b/build/base16-atelier-savanna-light
index 2c7769f..e1e393f 100644
--- a/build/base16-atelier-savanna-light
+++ b/build/base16-atelier-savanna-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ecf4ee; /* Black */
+    --base01: #dfe7e2; /* Bright Black */
+    --base02: #87928a; /* Grey */
+    --base03: #78877d; /* Brighter Grey */
+    --base04: #5f6d64; /* Bright Grey */
+    --base05: #526057; /* White */
+    --base06: #232a25; /* Brighter White */
+    --base07: #171c19; /* Bright White */
+    --base08: #b16139; /* Red */
+    --base09: #9f713c; /* Orange */
+    --base0A: #a07e3b; /* Yellow */
+    --base0B: #489963; /* Green */
+    --base0C: #1c9aa0; /* Cyan */
+    --base0D: #478c90; /* Blue */
+    --base0E: #55859b; /* Purple */
+    --base0F: #867469; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-seaside b/build/base16-atelier-seaside
index 00fa31a..a131f1e 100644
--- a/build/base16-atelier-seaside
+++ b/build/base16-atelier-seaside
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #131513; /* Black */
+    --base01: #242924; /* Bright Black */
+    --base02: #5e6e5e; /* Grey */
+    --base03: #687d68; /* Brighter Grey */
+    --base04: #809980; /* Bright Grey */
+    --base05: #8ca68c; /* White */
+    --base06: #cfe8cf; /* Brighter White */
+    --base07: #f4fbf4; /* Bright White */
+    --base08: #e6193c; /* Red */
+    --base09: #87711d; /* Orange */
+    --base0A: #98981b; /* Yellow */
+    --base0B: #29a329; /* Green */
+    --base0C: #1999b3; /* Cyan */
+    --base0D: #3d62f5; /* Blue */
+    --base0E: #ad2bee; /* Purple */
+    --base0F: #e619c3; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-seaside-light b/build/base16-atelier-seaside-light
index f7fc00d..8dd4d9f 100644
--- a/build/base16-atelier-seaside-light
+++ b/build/base16-atelier-seaside-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f4fbf4; /* Black */
+    --base01: #cfe8cf; /* Bright Black */
+    --base02: #8ca68c; /* Grey */
+    --base03: #809980; /* Brighter Grey */
+    --base04: #687d68; /* Bright Grey */
+    --base05: #5e6e5e; /* White */
+    --base06: #242924; /* Brighter White */
+    --base07: #131513; /* Bright White */
+    --base08: #e6193c; /* Red */
+    --base09: #87711d; /* Orange */
+    --base0A: #98981b; /* Yellow */
+    --base0B: #29a329; /* Green */
+    --base0C: #1999b3; /* Cyan */
+    --base0D: #3d62f5; /* Blue */
+    --base0E: #ad2bee; /* Purple */
+    --base0F: #e619c3; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-sulphurpool b/build/base16-atelier-sulphurpool
index 3c06c54..f2469d7 100644
--- a/build/base16-atelier-sulphurpool
+++ b/build/base16-atelier-sulphurpool
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #202746; /* Black */
+    --base01: #293256; /* Bright Black */
+    --base02: #5e6687; /* Grey */
+    --base03: #6b7394; /* Brighter Grey */
+    --base04: #898ea4; /* Bright Grey */
+    --base05: #979db4; /* White */
+    --base06: #dfe2f1; /* Brighter White */
+    --base07: #f5f7ff; /* Bright White */
+    --base08: #c94922; /* Red */
+    --base09: #c76b29; /* Orange */
+    --base0A: #c08b30; /* Yellow */
+    --base0B: #ac9739; /* Green */
+    --base0C: #22a2c9; /* Cyan */
+    --base0D: #3d8fd1; /* Blue */
+    --base0E: #6679cc; /* Purple */
+    --base0F: #9c637a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atelier-sulphurpool-light b/build/base16-atelier-sulphurpool-light
index a7025a7..eb99c76 100644
--- a/build/base16-atelier-sulphurpool-light
+++ b/build/base16-atelier-sulphurpool-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f5f7ff; /* Black */
+    --base01: #dfe2f1; /* Bright Black */
+    --base02: #979db4; /* Grey */
+    --base03: #898ea4; /* Brighter Grey */
+    --base04: #6b7394; /* Bright Grey */
+    --base05: #5e6687; /* White */
+    --base06: #293256; /* Brighter White */
+    --base07: #202746; /* Bright White */
+    --base08: #c94922; /* Red */
+    --base09: #c76b29; /* Orange */
+    --base0A: #c08b30; /* Yellow */
+    --base0B: #ac9739; /* Green */
+    --base0C: #22a2c9; /* Cyan */
+    --base0D: #3d8fd1; /* Blue */
+    --base0E: #6679cc; /* Purple */
+    --base0F: #9c637a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-atlas b/build/base16-atlas
index cd6b6eb..49f8f43 100644
--- a/build/base16-atlas
+++ b/build/base16-atlas
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #002635; /* Black */
+    --base01: #00384d; /* Bright Black */
+    --base02: #517f8d; /* Grey */
+    --base03: #6c8b91; /* Brighter Grey */
+    --base04: #869696; /* Bright Grey */
+    --base05: #a1a19a; /* White */
+    --base06: #e6e6dc; /* Brighter White */
+    --base07: #fafaf8; /* Bright White */
+    --base08: #ff5a67; /* Red */
+    --base09: #f08e48; /* Orange */
+    --base0A: #ffcc1b; /* Yellow */
+    --base0B: #7fc06e; /* Green */
+    --base0C: #5dd7b9; /* Cyan */
+    --base0D: #14747e; /* Blue */
+    --base0E: #9a70a4; /* Purple */
+    --base0F: #c43060; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ayu-dark b/build/base16-ayu-dark
index a2dae00..868be64 100644
--- a/build/base16-ayu-dark
+++ b/build/base16-ayu-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0b0e14; /* Black */
+    --base01: #131721; /* Bright Black */
+    --base02: #202229; /* Grey */
+    --base03: #3e4b59; /* Brighter Grey */
+    --base04: #bfbdb6; /* Bright Grey */
+    --base05: #e6e1cf; /* White */
+    --base06: #ece8db; /* Brighter White */
+    --base07: #f2f0e7; /* Bright White */
+    --base08: #f07178; /* Red */
+    --base09: #ff8f40; /* Orange */
+    --base0A: #ffb454; /* Yellow */
+    --base0B: #aad94c; /* Green */
+    --base0C: #95e6cb; /* Cyan */
+    --base0D: #59c2ff; /* Blue */
+    --base0E: #d2a6ff; /* Purple */
+    --base0F: #e6b450; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ayu-light b/build/base16-ayu-light
index e80f555..2aa2c51 100644
--- a/build/base16-ayu-light
+++ b/build/base16-ayu-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f8f9fa; /* Black */
+    --base01: #edeff1; /* Bright Black */
+    --base02: #d2d4d8; /* Grey */
+    --base03: #a0a6ac; /* Brighter Grey */
+    --base04: #8a9199; /* Bright Grey */
+    --base05: #5c6166; /* White */
+    --base06: #4e5257; /* Brighter White */
+    --base07: #404447; /* Bright White */
+    --base08: #f07171; /* Red */
+    --base09: #fa8d3e; /* Orange */
+    --base0A: #f2ae49; /* Yellow */
+    --base0B: #6cbf49; /* Green */
+    --base0C: #4cbf99; /* Cyan */
+    --base0D: #399ee6; /* Blue */
+    --base0E: #a37acc; /* Purple */
+    --base0F: #e6ba7e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ayu-mirage b/build/base16-ayu-mirage
index 64a79f7..93faf81 100644
--- a/build/base16-ayu-mirage
+++ b/build/base16-ayu-mirage
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1f2430; /* Black */
+    --base01: #242936; /* Bright Black */
+    --base02: #323844; /* Grey */
+    --base03: #4a5059; /* Brighter Grey */
+    --base04: #707a8c; /* Bright Grey */
+    --base05: #cccac2; /* White */
+    --base06: #d9d7ce; /* Brighter White */
+    --base07: #f3f4f5; /* Bright White */
+    --base08: #f28779; /* Red */
+    --base09: #ffad66; /* Orange */
+    --base0A: #ffd173; /* Yellow */
+    --base0B: #d5ff80; /* Green */
+    --base0C: #95e6cb; /* Cyan */
+    --base0D: #73d0ff; /* Blue */
+    --base0E: #d4bfff; /* Purple */
+    --base0F: #f27983; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-aztec b/build/base16-aztec
index a14323a..d28402e 100644
--- a/build/base16-aztec
+++ b/build/base16-aztec
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #101600; /* Black */
+    --base01: #1a1e01; /* Bright Black */
+    --base02: #242604; /* Grey */
+    --base03: #2e2e05; /* Brighter Grey */
+    --base04: #ffd129; /* Bright Grey */
+    --base05: #ffda51; /* White */
+    --base06: #ffe178; /* Brighter White */
+    --base07: #ffeba0; /* Bright White */
+    --base08: #ee2e00; /* Red */
+    --base09: #ee8800; /* Orange */
+    --base0A: #eebb00; /* Yellow */
+    --base0B: #63d932; /* Green */
+    --base0C: #3d94a5; /* Cyan */
+    --base0D: #5b4a9f; /* Blue */
+    --base0E: #883e9f; /* Purple */
+    --base0F: #a928b9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-bespin b/build/base16-bespin
index fcafd4e..eb01952 100644
--- a/build/base16-bespin
+++ b/build/base16-bespin
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.visual-refresh.theme-dark,
-.visual-refresh .theme-dark {
-    /* Main Backgrounds */
-    --app-frame-background: #28211c;
-    --background-base-lowest: #28211c !important;
-    --background-base-lower: #36312e !important;
-    --background-surface-high: #28211c !important;
-    --chat-background: #28211c;
-    --home-background: #28211c;
-    
-    /* UI Accents & Surfaces */
-    --background-surface-higher: #36312e !important;
-    --background-surface-highest: #5e5d5c !important;
-    --background-accent: #5e5d5c !important;
-    
-    /* Text Colors */
-    --text-default: #8a8986;
-    --text-strong: #8a8986 !important;
-    --text-muted: #797977 !important;
-    --text-subtle: #666666;
-    
-    /* Branding & Interactives (Using base06/base0D for accents) */
-    --brand-500: #9d9b97 !important; /* This was Pink (#f5c2e7) */
-    --text-brand: #9d9b97;
-    --control-brand-foreground: #9d9b97;
-    --text-link: #5ea6ea !important;
-    
-    /* Syntax & Status */
-    --status-positive: #54be0d;
-    --status-warning: #f9ee98;
-    --status-danger: #cf6a4c;
-    --icon-voice-muted: #cf6a4c;
-    
-    /* Scrollbars */
-    --scrollbar-thin-thumb: #9d9b97;
-    --scrollbar-auto-thumb: #9d9b97;
+:root {
+    --base00: #28211c; /* Black */
+    --base01: #36312e; /* Bright Black */
+    --base02: #5e5d5c; /* Grey */
+    --base03: #666666; /* Brighter Grey */
+    --base04: #797977; /* Bright Grey */
+    --base05: #8a8986; /* White */
+    --base06: #9d9b97; /* Brighter White */
+    --base07: #baae9e; /* Bright White */
+    --base08: #cf6a4c; /* Red */
+    --base09: #cf7d34; /* Orange */
+    --base0A: #f9ee98; /* Yellow */
+    --base0B: #54be0d; /* Green */
+    --base0C: #afc4db; /* Cyan */
+    --base0D: #5ea6ea; /* Blue */
+    --base0E: #9b859d; /* Purple */
+    --base0F: #937121; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal b/build/base16-black-metal
index 64a9cce..9e44e85 100644
--- a/build/base16-black-metal
+++ b/build/base16-black-metal
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #a06666; /* Yellow */
+    --base0B: #dd9999; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-bathory b/build/base16-black-metal-bathory
index 402f4a0..5ed8bec 100644
--- a/build/base16-black-metal-bathory
+++ b/build/base16-black-metal-bathory
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #e78a53; /* Yellow */
+    --base0B: #fbcb97; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-burzum b/build/base16-black-metal-burzum
index e2bfa74..065206a 100644
--- a/build/base16-black-metal-burzum
+++ b/build/base16-black-metal-burzum
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #99bbaa; /* Yellow */
+    --base0B: #ddeecc; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-dark-funeral b/build/base16-black-metal-dark-funeral
index 272d490..a6234ae 100644
--- a/build/base16-black-metal-dark-funeral
+++ b/build/base16-black-metal-dark-funeral
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #5f81a5; /* Yellow */
+    --base0B: #d0dfee; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-gorgoroth b/build/base16-black-metal-gorgoroth
index fccc041..12da70c 100644
--- a/build/base16-black-metal-gorgoroth
+++ b/build/base16-black-metal-gorgoroth
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #8c7f70; /* Yellow */
+    --base0B: #9b8d7f; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-immortal b/build/base16-black-metal-immortal
index 2f551d2..72d9263 100644
--- a/build/base16-black-metal-immortal
+++ b/build/base16-black-metal-immortal
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #556677; /* Yellow */
+    --base0B: #7799bb; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-khold b/build/base16-black-metal-khold
index 1330b55..a6496f7 100644
--- a/build/base16-black-metal-khold
+++ b/build/base16-black-metal-khold
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #974b46; /* Yellow */
+    --base0B: #eceee3; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-marduk b/build/base16-black-metal-marduk
index 4c6268f..35b3b26 100644
--- a/build/base16-black-metal-marduk
+++ b/build/base16-black-metal-marduk
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #626b67; /* Yellow */
+    --base0B: #a5aaa7; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-mayhem b/build/base16-black-metal-mayhem
index 6946851..bf97265 100644
--- a/build/base16-black-metal-mayhem
+++ b/build/base16-black-metal-mayhem
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #eecc6c; /* Yellow */
+    --base0B: #f3ecd4; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-nile b/build/base16-black-metal-nile
index c083341..b160fb8 100644
--- a/build/base16-black-metal-nile
+++ b/build/base16-black-metal-nile
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #777755; /* Yellow */
+    --base0B: #aa9988; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-black-metal-venom b/build/base16-black-metal-venom
index 4e6e72c..67075bf 100644
--- a/build/base16-black-metal-venom
+++ b/build/base16-black-metal-venom
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #121212; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #c1c1c1; /* White */
+    --base06: #999999; /* Brighter White */
+    --base07: #c1c1c1; /* Bright White */
+    --base08: #5f8787; /* Red */
+    --base09: #aaaaaa; /* Orange */
+    --base0A: #79241f; /* Yellow */
+    --base0B: #f8f7f2; /* Green */
+    --base0C: #aaaaaa; /* Cyan */
+    --base0D: #888888; /* Blue */
+    --base0E: #999999; /* Purple */
+    --base0F: #444444; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-blueforest b/build/base16-blueforest
index 49d9861..7724034 100644
--- a/build/base16-blueforest
+++ b/build/base16-blueforest
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #141f2e; /* Black */
+    --base01: #1e5c1e; /* Bright Black */
+    --base02: #273e5c; /* Grey */
+    --base03: #a0ffa0; /* Brighter Grey */
+    --base04: #1e5c1e; /* Bright Grey */
+    --base05: #ffcc33; /* White */
+    --base06: #91ccff; /* Brighter White */
+    --base07: #375780; /* Bright White */
+    --base08: #fffab1; /* Red */
+    --base09: #ff8080; /* Orange */
+    --base0A: #91ccff; /* Yellow */
+    --base0B: #80ff80; /* Green */
+    --base0C: #80ff80; /* Cyan */
+    --base0D: #a2cff5; /* Blue */
+    --base0E: #0099ff; /* Purple */
+    --base0F: #e7e7e7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-blueish b/build/base16-blueish
index bed9637..ca7c2a7 100644
--- a/build/base16-blueish
+++ b/build/base16-blueish
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.visual-refresh.theme-dark,
-.visual-refresh .theme-dark {
-    /* Main Backgrounds */
-    --app-frame-background: #182430;
-    --background-base-lowest: #182430 !important;
-    --background-base-lower: #243c54 !important;
-    --background-surface-high: #182430 !important;
-    --chat-background: #182430;
-    --home-background: #182430;
-    
-    /* UI Accents & Surfaces */
-    --background-surface-higher: #243c54 !important;
-    --background-surface-highest: #46290a !important;
-    --background-accent: #46290a !important;
-    
-    /* Text Colors */
-    --text-default: #c8e1f8;
-    --text-strong: #c8e1f8 !important;
-    --text-muted: #74afe7 !important;
-    --text-subtle: #616d78;
-    
-    /* Branding & Interactives (Using base06/base0D for accents) */
-    --brand-500: #ddeaf6 !important; /* This was Pink (#f5c2e7) */
-    --text-brand: #ddeaf6;
-    --control-brand-foreground: #ddeaf6;
-    --text-link: #82aaff !important;
-    
-    /* Syntax & Status */
-    --status-positive: #c3e88d;
-    --status-warning: #f6cd5c;
-    --status-danger: #4ce587;
-    --icon-voice-muted: #4ce587;
-    
-    /* Scrollbars */
-    --scrollbar-thin-thumb: #ddeaf6;
-    --scrollbar-auto-thumb: #ddeaf6;
+:root {
+    --base00: #182430; /* Black */
+    --base01: #243c54; /* Bright Black */
+    --base02: #46290a; /* Grey */
+    --base03: #616d78; /* Brighter Grey */
+    --base04: #74afe7; /* Bright Grey */
+    --base05: #c8e1f8; /* White */
+    --base06: #ddeaf6; /* Brighter White */
+    --base07: #8f98a0; /* Bright White */
+    --base08: #4ce587; /* Red */
+    --base09: #f6a85c; /* Orange */
+    --base0A: #f6cd5c; /* Yellow */
+    --base0B: #c3e88d; /* Green */
+    --base0C: #5fd1ff; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #ff84dd; /* Purple */
+    --base0F: #bbd2e8; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-booshnickle-dark b/build/base16-booshnickle-dark
index 3d7f452..2ff3807 100644
--- a/build/base16-booshnickle-dark
+++ b/build/base16-booshnickle-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #191914; /* Black */
+    --base01: #3a3a2e; /* Bright Black */
+    --base02: #5b5b49; /* Grey */
+    --base03: #7c7c63; /* Brighter Grey */
+    --base04: #9c9c7d; /* Bright Grey */
+    --base05: #bdbd97; /* White */
+    --base06: #dedeb2; /* Brighter White */
+    --base07: #ffffcc; /* Bright White */
+    --base08: #ffbfa5; /* Red */
+    --base09: #ffdc99; /* Orange */
+    --base0A: #fff299; /* Yellow */
+    --base0B: #e7ff99; /* Green */
+    --base0C: #bfffc5; /* Cyan */
+    --base0D: #ccbfd9; /* Blue */
+    --base0E: #f2bfd9; /* Purple */
+    --base0F: #e5d6a6; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-brewer b/build/base16-brewer
index 509719d..ac0f6dd 100644
--- a/build/base16-brewer
+++ b/build/base16-brewer
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0c0d0e; /* Black */
+    --base01: #2e2f30; /* Bright Black */
+    --base02: #515253; /* Grey */
+    --base03: #737475; /* Brighter Grey */
+    --base04: #959697; /* Bright Grey */
+    --base05: #b7b8b9; /* White */
+    --base06: #dadbdc; /* Brighter White */
+    --base07: #fcfdfe; /* Bright White */
+    --base08: #e31a1c; /* Red */
+    --base09: #e6550d; /* Orange */
+    --base0A: #dca060; /* Yellow */
+    --base0B: #31a354; /* Green */
+    --base0C: #80b1d3; /* Cyan */
+    --base0D: #3182bd; /* Blue */
+    --base0E: #756bb1; /* Purple */
+    --base0F: #b15928; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-bright b/build/base16-bright
index 60eee9e..0633ae0 100644
--- a/build/base16-bright
+++ b/build/base16-bright
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #303030; /* Bright Black */
+    --base02: #505050; /* Grey */
+    --base03: #b0b0b0; /* Brighter Grey */
+    --base04: #d0d0d0; /* Bright Grey */
+    --base05: #e0e0e0; /* White */
+    --base06: #f5f5f5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #fb0120; /* Red */
+    --base09: #fc6d24; /* Orange */
+    --base0A: #fda331; /* Yellow */
+    --base0B: #a1c659; /* Green */
+    --base0C: #76c7b7; /* Cyan */
+    --base0D: #6fb3d2; /* Blue */
+    --base0E: #d381c3; /* Purple */
+    --base0F: #be643c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-brogrammer b/build/base16-brogrammer
index 03df066..57bf79f 100644
--- a/build/base16-brogrammer
+++ b/build/base16-brogrammer
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1f1f1f; /* Black */
+    --base01: #f81118; /* Bright Black */
+    --base02: #2dc55e; /* Grey */
+    --base03: #ecba0f; /* Brighter Grey */
+    --base04: #2a84d2; /* Bright Grey */
+    --base05: #4e5ab7; /* White */
+    --base06: #1081d6; /* Brighter White */
+    --base07: #d6dbe5; /* Bright White */
+    --base08: #d6dbe5; /* Red */
+    --base09: #de352e; /* Orange */
+    --base0A: #1dd361; /* Yellow */
+    --base0B: #f3bd09; /* Green */
+    --base0C: #1081d6; /* Cyan */
+    --base0D: #5350b9; /* Blue */
+    --base0E: #0f7ddb; /* Purple */
+    --base0F: #ffffff; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-brushtrees b/build/base16-brushtrees
index fd4f372..62dacc9 100644
--- a/build/base16-brushtrees
+++ b/build/base16-brushtrees
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #e3efef; /* Black */
+    --base01: #c9dbdc; /* Bright Black */
+    --base02: #b0c5c8; /* Grey */
+    --base03: #98afb5; /* Brighter Grey */
+    --base04: #8299a1; /* Bright Grey */
+    --base05: #6d828e; /* White */
+    --base06: #5a6d7a; /* Brighter White */
+    --base07: #485867; /* Bright White */
+    --base08: #b38686; /* Red */
+    --base09: #d8bba2; /* Orange */
+    --base0A: #aab386; /* Yellow */
+    --base0B: #87b386; /* Green */
+    --base0C: #86b3b3; /* Cyan */
+    --base0D: #868cb3; /* Blue */
+    --base0E: #b386b2; /* Purple */
+    --base0F: #b39f9f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-brushtrees-dark b/build/base16-brushtrees-dark
index 8b7a8f4..dc2492f 100644
--- a/build/base16-brushtrees-dark
+++ b/build/base16-brushtrees-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #485867; /* Black */
+    --base01: #5a6d7a; /* Bright Black */
+    --base02: #6d828e; /* Grey */
+    --base03: #8299a1; /* Brighter Grey */
+    --base04: #98afb5; /* Bright Grey */
+    --base05: #b0c5c8; /* White */
+    --base06: #c9dbdc; /* Brighter White */
+    --base07: #e3efef; /* Bright White */
+    --base08: #b38686; /* Red */
+    --base09: #d8bba2; /* Orange */
+    --base0A: #aab386; /* Yellow */
+    --base0B: #87b386; /* Green */
+    --base0C: #86b3b3; /* Cyan */
+    --base0D: #868cb3; /* Blue */
+    --base0E: #b386b2; /* Purple */
+    --base0F: #b39f9f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-caroline b/build/base16-caroline
index 40881b3..047b810 100644
--- a/build/base16-caroline
+++ b/build/base16-caroline
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1213; /* Black */
+    --base01: #3a2425; /* Bright Black */
+    --base02: #563837; /* Grey */
+    --base03: #6d4745; /* Brighter Grey */
+    --base04: #8b5d57; /* Bright Grey */
+    --base05: #a87569; /* White */
+    --base06: #c58d7b; /* Brighter White */
+    --base07: #e3a68c; /* Bright White */
+    --base08: #c24f57; /* Red */
+    --base09: #a63650; /* Orange */
+    --base0A: #f28171; /* Yellow */
+    --base0B: #806c61; /* Green */
+    --base0C: #6b6566; /* Cyan */
+    --base0D: #684c59; /* Blue */
+    --base0E: #a63650; /* Purple */
+    --base0F: #893f45; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-catppuccin-frappe b/build/base16-catppuccin-frappe
index f1f23af..1f3ccb8 100644
--- a/build/base16-catppuccin-frappe
+++ b/build/base16-catppuccin-frappe
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #303446; /* Black */
+    --base01: #292c3c; /* Bright Black */
+    --base02: #414559; /* Grey */
+    --base03: #51576d; /* Brighter Grey */
+    --base04: #626880; /* Bright Grey */
+    --base05: #c6d0f5; /* White */
+    --base06: #f2d5cf; /* Brighter White */
+    --base07: #babbf1; /* Bright White */
+    --base08: #e78284; /* Red */
+    --base09: #ef9f76; /* Orange */
+    --base0A: #e5c890; /* Yellow */
+    --base0B: #a6d189; /* Green */
+    --base0C: #81c8be; /* Cyan */
+    --base0D: #8caaee; /* Blue */
+    --base0E: #ca9ee6; /* Purple */
+    --base0F: #eebebe; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-catppuccin-latte b/build/base16-catppuccin-latte
index 78c69f7..93ea00f 100644
--- a/build/base16-catppuccin-latte
+++ b/build/base16-catppuccin-latte
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #eff1f5; /* Black */
+    --base01: #e6e9ef; /* Bright Black */
+    --base02: #ccd0da; /* Grey */
+    --base03: #bcc0cc; /* Brighter Grey */
+    --base04: #acb0be; /* Bright Grey */
+    --base05: #4c4f69; /* White */
+    --base06: #dc8a78; /* Brighter White */
+    --base07: #7287fd; /* Bright White */
+    --base08: #d20f39; /* Red */
+    --base09: #fe640b; /* Orange */
+    --base0A: #df8e1d; /* Yellow */
+    --base0B: #40a02b; /* Green */
+    --base0C: #179299; /* Cyan */
+    --base0D: #1e66f5; /* Blue */
+    --base0E: #8839ef; /* Purple */
+    --base0F: #dd7878; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-catppuccin-macchiato b/build/base16-catppuccin-macchiato
index ad2908d..5aff2e3 100644
--- a/build/base16-catppuccin-macchiato
+++ b/build/base16-catppuccin-macchiato
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #24273a; /* Black */
+    --base01: #1e2030; /* Bright Black */
+    --base02: #363a4f; /* Grey */
+    --base03: #494d64; /* Brighter Grey */
+    --base04: #5b6078; /* Bright Grey */
+    --base05: #cad3f5; /* White */
+    --base06: #f4dbd6; /* Brighter White */
+    --base07: #b7bdf8; /* Bright White */
+    --base08: #ed8796; /* Red */
+    --base09: #f5a97f; /* Orange */
+    --base0A: #eed49f; /* Yellow */
+    --base0B: #a6da95; /* Green */
+    --base0C: #8bd5ca; /* Cyan */
+    --base0D: #8aadf4; /* Blue */
+    --base0E: #c6a0f6; /* Purple */
+    --base0F: #f0c6c6; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-catppuccin-mocha b/build/base16-catppuccin-mocha
index 9a1b1bc..f404c46 100644
--- a/build/base16-catppuccin-mocha
+++ b/build/base16-catppuccin-mocha
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1e1e2e; /* Black */
+    --base01: #181825; /* Bright Black */
+    --base02: #313244; /* Grey */
+    --base03: #45475a; /* Brighter Grey */
+    --base04: #585b70; /* Bright Grey */
+    --base05: #cdd6f4; /* White */
+    --base06: #f5e0dc; /* Brighter White */
+    --base07: #b4befe; /* Bright White */
+    --base08: #f38ba8; /* Red */
+    --base09: #fab387; /* Orange */
+    --base0A: #f9e2af; /* Yellow */
+    --base0B: #a6e3a1; /* Green */
+    --base0C: #94e2d5; /* Cyan */
+    --base0D: #89b4fa; /* Blue */
+    --base0E: #cba6f7; /* Purple */
+    --base0F: #f2cdcd; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chalk b/build/base16-chalk
index 36bc0fe..531211f 100644
--- a/build/base16-chalk
+++ b/build/base16-chalk
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #151515; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #505050; /* Brighter Grey */
+    --base04: #b0b0b0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #f5f5f5; /* Bright White */
+    --base08: #fb9fb1; /* Red */
+    --base09: #eda987; /* Orange */
+    --base0A: #ddb26f; /* Yellow */
+    --base0B: #acc267; /* Green */
+    --base0C: #12cfc0; /* Cyan */
+    --base0D: #6fc2ef; /* Blue */
+    --base0E: #e1a3ee; /* Purple */
+    --base0F: #deaf8f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-charcoal-dark b/build/base16-charcoal-dark
index a37c768..346173f 100644
--- a/build/base16-charcoal-dark
+++ b/build/base16-charcoal-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0f0b05; /* Black */
+    --base01: #231b0e; /* Bright Black */
+    --base02: #2a2012; /* Grey */
+    --base03: #57462c; /* Brighter Grey */
+    --base04: #a88c62; /* Bright Grey */
+    --base05: #c3a983; /* White */
+    --base06: #dec8a7; /* Brighter White */
+    --base07: #231b0e; /* Bright White */
+    --base08: #a88c62; /* Red */
+    --base09: #dec8a7; /* Orange */
+    --base0A: #dec8a7; /* Yellow */
+    --base0B: #dec8a7; /* Green */
+    --base0C: #dec8a7; /* Cyan */
+    --base0D: #c3a983; /* Blue */
+    --base0E: #a88c62; /* Purple */
+    --base0F: #876e48; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-charcoal-light b/build/base16-charcoal-light
index d1ff095..758e4ba 100644
--- a/build/base16-charcoal-light
+++ b/build/base16-charcoal-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #cabda0; /* Black */
+    --base01: #bcad8c; /* Bright Black */
+    --base02: #af9f7d; /* Grey */
+    --base03: #645538; /* Brighter Grey */
+    --base04: #110e06; /* Bright Grey */
+    --base05: #382e1b; /* White */
+    --base06: #4b3e26; /* Brighter White */
+    --base07: #bcad8c; /* Bright White */
+    --base08: #382e1b; /* Red */
+    --base09: #110e06; /* Orange */
+    --base0A: #110e06; /* Yellow */
+    --base0B: #110e06; /* Green */
+    --base0C: #110e06; /* Cyan */
+    --base0D: #251e0f; /* Blue */
+    --base0E: #382e1b; /* Purple */
+    --base0F: #4b3e26; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chicago-day b/build/base16-chicago-day
index 34a85f3..481cb19 100644
--- a/build/base16-chicago-day
+++ b/build/base16-chicago-day
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #e8f0ea; /* Black */
+    --base01: #d1e0d7; /* Bright Black */
+    --base02: #b9d0c3; /* Grey */
+    --base03: #8a9a91; /* Brighter Grey */
+    --base04: #4b5a51; /* Bright Grey */
+    --base05: #364c40; /* White */
+    --base06: #2a3b32; /* Brighter White */
+    --base07: #1e2a24; /* Bright White */
+    --base08: #c60c30; /* Red */
+    --base09: #f9461c; /* Orange */
+    --base0A: #968400; /* Yellow */
+    --base0B: #009b3a; /* Green */
+    --base0C: #00a1de; /* Cyan */
+    --base0D: #522398; /* Blue */
+    --base0E: #e27ea6; /* Purple */
+    --base0F: #62361b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chicago-night b/build/base16-chicago-night
index f84983a..d908f3a 100644
--- a/build/base16-chicago-night
+++ b/build/base16-chicago-night
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1e2a24; /* Black */
+    --base01: #2a3b32; /* Bright Black */
+    --base02: #364c40; /* Grey */
+    --base03: #5f7368; /* Brighter Grey */
+    --base04: #8a9a91; /* Bright Grey */
+    --base05: #a7b8af; /* White */
+    --base06: #c1cdc7; /* Brighter White */
+    --base07: #dbe3de; /* Bright White */
+    --base08: #c60c30; /* Red */
+    --base09: #f9461c; /* Orange */
+    --base0A: #f9e300; /* Yellow */
+    --base0B: #009b3a; /* Green */
+    --base0C: #00a1de; /* Cyan */
+    --base0D: #522398; /* Blue */
+    --base0E: #e27ea6; /* Purple */
+    --base0F: #62361b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chinoiserie b/build/base16-chinoiserie
index 5ab09ab..f923f14 100644
--- a/build/base16-chinoiserie
+++ b/build/base16-chinoiserie
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #d6d6d6; /* Grey */
+    --base03: #80766e; /* Brighter Grey */
+    --base04: #918072; /* Bright Grey */
+    --base05: #4a4035; /* White */
+    --base06: #2f2f35; /* Brighter White */
+    --base07: #131124; /* Bright White */
+    --base08: #c04851; /* Red */
+    --base09: #fb8b05; /* Orange */
+    --base0A: #d6a01d; /* Yellow */
+    --base0B: #428675; /* Green */
+    --base0C: #2b73af; /* Cyan */
+    --base0D: #815c94; /* Blue */
+    --base0E: #c08eaf; /* Purple */
+    --base0F: #945833; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chinoiserie-midnight b/build/base16-chinoiserie-midnight
index b1ddcdc..ddacfe9 100644
--- a/build/base16-chinoiserie-midnight
+++ b/build/base16-chinoiserie-midnight
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1d1d; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #373737; /* Grey */
+    --base03: #918072; /* Brighter Grey */
+    --base04: #bdaead; /* Bright Grey */
+    --base05: #c4cbcf; /* White */
+    --base06: #eee7f2; /* Brighter White */
+    --base07: #fffef9; /* Bright White */
+    --base08: #ed5a56; /* Red */
+    --base09: #fc8c23; /* Orange */
+    --base0A: #fbb957; /* Yellow */
+    --base0B: #aeb831; /* Green */
+    --base0C: #88b68d; /* Cyan */
+    --base0D: #81a2a2; /* Blue */
+    --base0E: #cf8997; /* Purple */
+    --base0F: #cd6227; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chinoiserie-morandi b/build/base16-chinoiserie-morandi
index f674c0d..508c1cf 100644
--- a/build/base16-chinoiserie-morandi
+++ b/build/base16-chinoiserie-morandi
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1d1d; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #373737; /* Grey */
+    --base03: #918072; /* Brighter Grey */
+    --base04: #bdaead; /* Bright Grey */
+    --base05: #c4cbcf; /* White */
+    --base06: #eee7f2; /* Brighter White */
+    --base07: #fffef9; /* Bright White */
+    --base08: #c06061; /* Red */
+    --base09: #ff937f; /* Orange */
+    --base0A: #e5bc84; /* Yellow */
+    --base0B: #8ca07b; /* Green */
+    --base0C: #5e8c9b; /* Cyan */
+    --base0D: #839ec9; /* Blue */
+    --base0E: #98a1d8; /* Purple */
+    --base0F: #d9cdb4; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-chinoiserie-night b/build/base16-chinoiserie-night
index 8a8bd04..ccd5536 100644
--- a/build/base16-chinoiserie-night
+++ b/build/base16-chinoiserie-night
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1d1d; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #373737; /* Grey */
+    --base03: #918072; /* Brighter Grey */
+    --base04: #bdaead; /* Bright Grey */
+    --base05: #c4cbcf; /* White */
+    --base06: #eee7f2; /* Brighter White */
+    --base07: #fffef9; /* Bright White */
+    --base08: #f07c82; /* Red */
+    --base09: #f4a83a; /* Orange */
+    --base0A: #f4ce69; /* Yellow */
+    --base0B: #b2cf87; /* Green */
+    --base0C: #b0d5df; /* Cyan */
+    --base0D: #8fb2c9; /* Blue */
+    --base0E: #be9db9; /* Purple */
+    --base0F: #b89485; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-circus b/build/base16-circus
index 741755b..56d6ef3 100644
--- a/build/base16-circus
+++ b/build/base16-circus
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #191919; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #5f5a60; /* Brighter Grey */
+    --base04: #505050; /* Bright Grey */
+    --base05: #a7a7a7; /* White */
+    --base06: #808080; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #dc657d; /* Red */
+    --base09: #4bb1a7; /* Orange */
+    --base0A: #c3ba63; /* Yellow */
+    --base0B: #84b97c; /* Green */
+    --base0C: #4bb1a7; /* Cyan */
+    --base0D: #639ee4; /* Blue */
+    --base0E: #b888e2; /* Purple */
+    --base0F: #b888e2; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-classic-dark b/build/base16-classic-dark
index 33dc8d4..ec9c136 100644
--- a/build/base16-classic-dark
+++ b/build/base16-classic-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #151515; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #505050; /* Brighter Grey */
+    --base04: #b0b0b0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #f5f5f5; /* Bright White */
+    --base08: #ac4142; /* Red */
+    --base09: #d28445; /* Orange */
+    --base0A: #f4bf75; /* Yellow */
+    --base0B: #90a959; /* Green */
+    --base0C: #75b5aa; /* Cyan */
+    --base0D: #6a9fb5; /* Blue */
+    --base0E: #aa759f; /* Purple */
+    --base0F: #8f5536; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-classic-light b/build/base16-classic-light
index 22b2e98..5658b42 100644
--- a/build/base16-classic-light
+++ b/build/base16-classic-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f5f5f5; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #d0d0d0; /* Grey */
+    --base03: #b0b0b0; /* Brighter Grey */
+    --base04: #505050; /* Bright Grey */
+    --base05: #303030; /* White */
+    --base06: #202020; /* Brighter White */
+    --base07: #151515; /* Bright White */
+    --base08: #ac4142; /* Red */
+    --base09: #d28445; /* Orange */
+    --base0A: #f4bf75; /* Yellow */
+    --base0B: #90a959; /* Green */
+    --base0C: #75b5aa; /* Cyan */
+    --base0D: #6a9fb5; /* Blue */
+    --base0E: #aa759f; /* Purple */
+    --base0F: #8f5536; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-codeschool b/build/base16-codeschool
index ab9f2e2..4f44318 100644
--- a/build/base16-codeschool
+++ b/build/base16-codeschool
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #232c31; /* Black */
+    --base01: #1c3657; /* Bright Black */
+    --base02: #2a343a; /* Grey */
+    --base03: #3f4944; /* Brighter Grey */
+    --base04: #84898c; /* Bright Grey */
+    --base05: #9ea7a6; /* White */
+    --base06: #a7cfa3; /* Brighter White */
+    --base07: #b5d8f6; /* Bright White */
+    --base08: #2a5491; /* Red */
+    --base09: #43820d; /* Orange */
+    --base0A: #a03b1e; /* Yellow */
+    --base0B: #237986; /* Green */
+    --base0C: #b02f30; /* Cyan */
+    --base0D: #484d79; /* Blue */
+    --base0E: #c59820; /* Purple */
+    --base0F: #c98344; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-colors b/build/base16-colors
index 6ab09cd..9c533c2 100644
--- a/build/base16-colors
+++ b/build/base16-colors
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #111111; /* Black */
+    --base01: #333333; /* Bright Black */
+    --base02: #555555; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #bbbbbb; /* White */
+    --base06: #dddddd; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff4136; /* Red */
+    --base09: #ff851b; /* Orange */
+    --base0A: #ffdc00; /* Yellow */
+    --base0B: #2ecc40; /* Green */
+    --base0C: #7fdbff; /* Cyan */
+    --base0D: #0074d9; /* Blue */
+    --base0E: #b10dc9; /* Purple */
+    --base0F: #85144b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-cupcake b/build/base16-cupcake
index 24dc4f2..8df2825 100644
--- a/build/base16-cupcake
+++ b/build/base16-cupcake
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbf1f2; /* Black */
+    --base01: #f2f1f4; /* Bright Black */
+    --base02: #d8d5dd; /* Grey */
+    --base03: #bfb9c6; /* Brighter Grey */
+    --base04: #a59daf; /* Bright Grey */
+    --base05: #8b8198; /* White */
+    --base06: #72677e; /* Brighter White */
+    --base07: #585062; /* Bright White */
+    --base08: #d57e85; /* Red */
+    --base09: #ebb790; /* Orange */
+    --base0A: #dcb16c; /* Yellow */
+    --base0B: #a3b367; /* Green */
+    --base0C: #69a9a7; /* Cyan */
+    --base0D: #7297b9; /* Blue */
+    --base0E: #bb99b4; /* Purple */
+    --base0F: #baa58c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-cupertino b/build/base16-cupertino
index 2d9d2c0..bf43166 100644
--- a/build/base16-cupertino
+++ b/build/base16-cupertino
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #c0c0c0; /* Bright Black */
+    --base02: #c0c0c0; /* Grey */
+    --base03: #808080; /* Brighter Grey */
+    --base04: #808080; /* Bright Grey */
+    --base05: #404040; /* White */
+    --base06: #404040; /* Brighter White */
+    --base07: #5e5e5e; /* Bright White */
+    --base08: #c41a15; /* Red */
+    --base09: #eb8500; /* Orange */
+    --base0A: #826b28; /* Yellow */
+    --base0B: #007400; /* Green */
+    --base0C: #318495; /* Cyan */
+    --base0D: #0000ff; /* Blue */
+    --base0E: #a90d91; /* Purple */
+    --base0F: #826b28; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-cyberpunk b/build/base16-cyberpunk
index 0c46aac..b84c3ff 100644
--- a/build/base16-cyberpunk
+++ b/build/base16-cyberpunk
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #2b2b2b; /* Bright Black */
+    --base02: #383838; /* Grey */
+    --base03: #4f4f4f; /* Brighter Grey */
+    --base04: #8b8989; /* Bright Grey */
+    --base05: #dcdccc; /* White */
+    --base06: #f8f8f8; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff0000; /* Red */
+    --base09: #ffa500; /* Orange */
+    --base0A: #ffff00; /* Yellow */
+    --base0B: #61ce3c; /* Green */
+    --base0C: #93e0e3; /* Cyan */
+    --base0D: #4c83ff; /* Blue */
+    --base0E: #ff1493; /* Purple */
+    --base0F: #ff8c00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-black b/build/base16-da-one-black
index 435622f..de40bec 100644
--- a/build/base16-da-one-black
+++ b/build/base16-da-one-black
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #585858; /* Grey */
+    --base03: #888888; /* Brighter Grey */
+    --base04: #c8c8c8; /* Bright Grey */
+    --base05: #ffffff; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #fa7883; /* Red */
+    --base09: #ffc387; /* Orange */
+    --base0A: #ff9470; /* Yellow */
+    --base0B: #98c379; /* Green */
+    --base0C: #8af5ff; /* Cyan */
+    --base0D: #6bb8ff; /* Blue */
+    --base0E: #e799ff; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-gray b/build/base16-da-one-gray
index cf9f9bd..51b4ffa 100644
--- a/build/base16-da-one-gray
+++ b/build/base16-da-one-gray
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181818; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #585858; /* Grey */
+    --base03: #888888; /* Brighter Grey */
+    --base04: #c8c8c8; /* Bright Grey */
+    --base05: #ffffff; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #fa7883; /* Red */
+    --base09: #ffc387; /* Orange */
+    --base0A: #ff9470; /* Yellow */
+    --base0B: #98c379; /* Green */
+    --base0C: #8af5ff; /* Cyan */
+    --base0D: #6bb8ff; /* Blue */
+    --base0E: #e799ff; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-ocean b/build/base16-da-one-ocean
index 1bf50f3..f705664 100644
--- a/build/base16-da-one-ocean
+++ b/build/base16-da-one-ocean
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171726; /* Black */
+    --base01: #22273d; /* Bright Black */
+    --base02: #525866; /* Grey */
+    --base03: #878d96; /* Brighter Grey */
+    --base04: #c8c8c8; /* Bright Grey */
+    --base05: #ffffff; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #fa7883; /* Red */
+    --base09: #ffc387; /* Orange */
+    --base0A: #ff9470; /* Yellow */
+    --base0B: #98c379; /* Green */
+    --base0C: #8af5ff; /* Cyan */
+    --base0D: #6bb8ff; /* Blue */
+    --base0E: #e799ff; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-paper b/build/base16-da-one-paper
index 20a274f..7160426 100644
--- a/build/base16-da-one-paper
+++ b/build/base16-da-one-paper
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #faf0dc; /* Black */
+    --base01: #c8c8c8; /* Bright Black */
+    --base02: #888888; /* Grey */
+    --base03: #585858; /* Brighter Grey */
+    --base04: #282828; /* Bright Grey */
+    --base05: #181818; /* White */
+    --base06: #000000; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #de5d6e; /* Red */
+    --base09: #ff9470; /* Orange */
+    --base0A: #b3684f; /* Yellow */
+    --base0B: #76a85d; /* Green */
+    --base0C: #64b5a7; /* Cyan */
+    --base0D: #5890f8; /* Blue */
+    --base0E: #c173d1; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-sea b/build/base16-da-one-sea
index beefa88..cb73255 100644
--- a/build/base16-da-one-sea
+++ b/build/base16-da-one-sea
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #22273d; /* Black */
+    --base01: #374059; /* Bright Black */
+    --base02: #525866; /* Grey */
+    --base03: #878d96; /* Brighter Grey */
+    --base04: #c8c8c8; /* Bright Grey */
+    --base05: #ffffff; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #fa7883; /* Red */
+    --base09: #ffc387; /* Orange */
+    --base0A: #ff9470; /* Yellow */
+    --base0B: #98c379; /* Green */
+    --base0C: #8af5ff; /* Cyan */
+    --base0D: #6bb8ff; /* Blue */
+    --base0E: #e799ff; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-da-one-white b/build/base16-da-one-white
index 257297b..4e6362f 100644
--- a/build/base16-da-one-white
+++ b/build/base16-da-one-white
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #c8c8c8; /* Bright Black */
+    --base02: #888888; /* Grey */
+    --base03: #585858; /* Brighter Grey */
+    --base04: #282828; /* Bright Grey */
+    --base05: #181818; /* White */
+    --base06: #000000; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #de5d6e; /* Red */
+    --base09: #ff9470; /* Orange */
+    --base0A: #b3684f; /* Yellow */
+    --base0B: #76a85d; /* Green */
+    --base0C: #64b5a7; /* Cyan */
+    --base0D: #5890f8; /* Blue */
+    --base0E: #c173d1; /* Purple */
+    --base0F: #b3684f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-danqing b/build/base16-danqing
index cfccaaa..57986d5 100644
--- a/build/base16-danqing
+++ b/build/base16-danqing
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d302f; /* Black */
+    --base01: #434846; /* Bright Black */
+    --base02: #5a605d; /* Grey */
+    --base03: #9da8a3; /* Brighter Grey */
+    --base04: #cad8d2; /* Bright Grey */
+    --base05: #e0f0ef; /* White */
+    --base06: #ecf6f2; /* Brighter White */
+    --base07: #fcfefd; /* Bright White */
+    --base08: #f9906f; /* Red */
+    --base09: #b38a61; /* Orange */
+    --base0A: #f0c239; /* Yellow */
+    --base0B: #8ab361; /* Green */
+    --base0C: #30dff3; /* Cyan */
+    --base0D: #b0a4e3; /* Blue */
+    --base0E: #cca4e3; /* Purple */
+    --base0F: #ca6924; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-danqing-light b/build/base16-danqing-light
index 15fdd5a..e9888dc 100644
--- a/build/base16-danqing-light
+++ b/build/base16-danqing-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fcfefd; /* Black */
+    --base01: #ecf6f2; /* Bright Black */
+    --base02: #e0f0ef; /* Grey */
+    --base03: #cad8d2; /* Brighter Grey */
+    --base04: #9da8a3; /* Bright Grey */
+    --base05: #5a605d; /* White */
+    --base06: #434846; /* Brighter White */
+    --base07: #2d302f; /* Bright White */
+    --base08: #f9906f; /* Red */
+    --base09: #b38a61; /* Orange */
+    --base0A: #f0c239; /* Yellow */
+    --base0B: #8ab361; /* Green */
+    --base0C: #30dff3; /* Cyan */
+    --base0D: #b0a4e3; /* Blue */
+    --base0E: #cca4e3; /* Purple */
+    --base0F: #ca6924; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-darcula b/build/base16-darcula
index 8b3110c..2e3bf28 100644
--- a/build/base16-darcula
+++ b/build/base16-darcula
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2b2b2b; /* Black */
+    --base01: #323232; /* Bright Black */
+    --base02: #323232; /* Grey */
+    --base03: #606366; /* Brighter Grey */
+    --base04: #a4a3a3; /* Bright Grey */
+    --base05: #a9b7c6; /* White */
+    --base06: #ffc66d; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #4eade5; /* Red */
+    --base09: #689757; /* Orange */
+    --base0A: #bbb529; /* Yellow */
+    --base0B: #6a8759; /* Green */
+    --base0C: #629755; /* Cyan */
+    --base0D: #9876aa; /* Blue */
+    --base0E: #cc7832; /* Purple */
+    --base0F: #808080; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-darkmoss b/build/base16-darkmoss
index 024ca9b..77cf2ed 100644
--- a/build/base16-darkmoss
+++ b/build/base16-darkmoss
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171e1f; /* Black */
+    --base01: #252c2d; /* Bright Black */
+    --base02: #373c3d; /* Grey */
+    --base03: #555e5f; /* Brighter Grey */
+    --base04: #818f80; /* Bright Grey */
+    --base05: #c7c7a5; /* White */
+    --base06: #e3e3c8; /* Brighter White */
+    --base07: #e1eaef; /* Bright White */
+    --base08: #ff4658; /* Red */
+    --base09: #e6db74; /* Orange */
+    --base0A: #fdb11f; /* Yellow */
+    --base0B: #499180; /* Green */
+    --base0C: #66d9ef; /* Cyan */
+    --base0D: #498091; /* Blue */
+    --base0E: #9bc0c8; /* Purple */
+    --base0F: #d27b53; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-darktooth b/build/base16-darktooth
index c2e132a..6499808 100644
--- a/build/base16-darktooth
+++ b/build/base16-darktooth
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d2021; /* Black */
+    --base01: #32302f; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #928374; /* Bright Grey */
+    --base05: #a89984; /* White */
+    --base06: #d5c4a1; /* Brighter White */
+    --base07: #fdf4c1; /* Bright White */
+    --base08: #fb543f; /* Red */
+    --base09: #fe8625; /* Orange */
+    --base0A: #fac03b; /* Yellow */
+    --base0B: #95c085; /* Green */
+    --base0C: #8ba59b; /* Cyan */
+    --base0D: #0d6678; /* Blue */
+    --base0E: #8f4673; /* Purple */
+    --base0F: #a87322; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-darkviolet b/build/base16-darkviolet
index 43ecca1..b919f4f 100644
--- a/build/base16-darkviolet
+++ b/build/base16-darkviolet
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #231a40; /* Bright Black */
+    --base02: #432d59; /* Grey */
+    --base03: #593380; /* Brighter Grey */
+    --base04: #00ff00; /* Bright Grey */
+    --base05: #b08ae6; /* White */
+    --base06: #9045e6; /* Brighter White */
+    --base07: #a366ff; /* Bright White */
+    --base08: #a82ee6; /* Red */
+    --base09: #bb66cc; /* Orange */
+    --base0A: #f29df2; /* Yellow */
+    --base0B: #4595e6; /* Green */
+    --base0C: #40dfff; /* Cyan */
+    --base0D: #4136d9; /* Blue */
+    --base0E: #7e5ce6; /* Purple */
+    --base0F: #a886bf; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-decaf b/build/base16-decaf
index 127558c..826ec36 100644
--- a/build/base16-decaf
+++ b/build/base16-decaf
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d2d2d; /* Black */
+    --base01: #393939; /* Bright Black */
+    --base02: #515151; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #b4b7b4; /* Bright Grey */
+    --base05: #cccccc; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff7f7b; /* Red */
+    --base09: #ffbf70; /* Orange */
+    --base0A: #ffd67c; /* Yellow */
+    --base0B: #beda78; /* Green */
+    --base0C: #bed6ff; /* Cyan */
+    --base0D: #90bee1; /* Blue */
+    --base0E: #efb3f7; /* Purple */
+    --base0F: #ff93b3; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-deep-oceanic-next b/build/base16-deep-oceanic-next
index e8447f0..82925ad 100644
--- a/build/base16-deep-oceanic-next
+++ b/build/base16-deep-oceanic-next
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #001c1f; /* Black */
+    --base01: #002931; /* Bright Black */
+    --base02: #003640; /* Grey */
+    --base03: #004852; /* Brighter Grey */
+    --base04: #0093a3; /* Bright Grey */
+    --base05: #d4e1e8; /* White */
+    --base06: #e0e9ef; /* Brighter White */
+    --base07: #f2f7f9; /* Bright White */
+    --base08: #d3464d; /* Red */
+    --base09: #e37552; /* Orange */
+    --base0A: #f3b863; /* Yellow */
+    --base0B: #63b784; /* Green */
+    --base0C: #4fb7ae; /* Cyan */
+    --base0D: #568ccf; /* Blue */
+    --base0E: #8b66d6; /* Purple */
+    --base0F: #d0658e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-default-dark b/build/base16-default-dark
index 04d757d..f02edb5 100644
--- a/build/base16-default-dark
+++ b/build/base16-default-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181818; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #383838; /* Grey */
+    --base03: #585858; /* Brighter Grey */
+    --base04: #b8b8b8; /* Bright Grey */
+    --base05: #d8d8d8; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #f8f8f8; /* Bright White */
+    --base08: #ab4642; /* Red */
+    --base09: #dc9656; /* Orange */
+    --base0A: #f7ca88; /* Yellow */
+    --base0B: #a1b56c; /* Green */
+    --base0C: #86c1b9; /* Cyan */
+    --base0D: #7cafc2; /* Blue */
+    --base0E: #ba8baf; /* Purple */
+    --base0F: #a16946; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-default-light b/build/base16-default-light
index 9bdf751..7616b28 100644
--- a/build/base16-default-light
+++ b/build/base16-default-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f8f8f8; /* Black */
+    --base01: #e8e8e8; /* Bright Black */
+    --base02: #d8d8d8; /* Grey */
+    --base03: #b8b8b8; /* Brighter Grey */
+    --base04: #585858; /* Bright Grey */
+    --base05: #383838; /* White */
+    --base06: #282828; /* Brighter White */
+    --base07: #181818; /* Bright White */
+    --base08: #ab4642; /* Red */
+    --base09: #dc9656; /* Orange */
+    --base0A: #f7ca88; /* Yellow */
+    --base0B: #a1b56c; /* Green */
+    --base0C: #86c1b9; /* Cyan */
+    --base0D: #7cafc2; /* Blue */
+    --base0E: #ba8baf; /* Purple */
+    --base0F: #a16946; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-digital-rain b/build/base16-digital-rain
index 08e77f1..22bbbec 100644
--- a/build/base16-digital-rain
+++ b/build/base16-digital-rain
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #4a806c; /* Bright Black */
+    --base02: #4a8d7e; /* Grey */
+    --base03: #7c8d7c; /* Brighter Grey */
+    --base04: #919893; /* Bright Grey */
+    --base05: #00ff00; /* White */
+    --base06: #c4cec4; /* Brighter White */
+    --base07: #d8e2dc; /* Bright White */
+    --base08: #c85a46; /* Red */
+    --base09: #c86428; /* Orange */
+    --base0A: #a67a50; /* Yellow */
+    --base0B: #64c83c; /* Green */
+    --base0C: #468c78; /* Cyan */
+    --base0D: #5482af; /* Blue */
+    --base0E: #9472b4; /* Purple */
+    --base0F: #b37c5e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-dirtysea b/build/base16-dirtysea
index 8618fcd..c309e3b 100644
--- a/build/base16-dirtysea
+++ b/build/base16-dirtysea
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #e0e0e0; /* Black */
+    --base01: #d0dad0; /* Bright Black */
+    --base02: #d0d0d0; /* Grey */
+    --base03: #707070; /* Brighter Grey */
+    --base04: #202020; /* Bright Grey */
+    --base05: #000000; /* White */
+    --base06: #f8f8f8; /* Brighter White */
+    --base07: #c4d9c4; /* Bright White */
+    --base08: #840000; /* Red */
+    --base09: #006565; /* Orange */
+    --base0A: #755b00; /* Yellow */
+    --base0B: #730073; /* Green */
+    --base0C: #755b00; /* Cyan */
+    --base0D: #007300; /* Blue */
+    --base0E: #000090; /* Purple */
+    --base0F: #755b00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-dracula b/build/base16-dracula
index c63573c..4c7135a 100644
--- a/build/base16-dracula
+++ b/build/base16-dracula
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.visual-refresh.theme-dark,
-.visual-refresh .theme-dark {
-    /* Main Backgrounds */
-    --app-frame-background: #282a36;
-    --background-base-lowest: #282a36 !important;
-    --background-base-lower: #363447 !important;
-    --background-surface-high: #282a36 !important;
-    --chat-background: #282a36;
-    --home-background: #282a36;
-    
-    /* UI Accents & Surfaces */
-    --background-surface-higher: #363447 !important;
-    --background-surface-highest: #44475a !important;
-    --background-accent: #44475a !important;
-    
-    /* Text Colors */
-    --text-default: #f8f8f2;
-    --text-strong: #f8f8f2 !important;
-    --text-muted: #9ea8c7 !important;
-    --text-subtle: #6272a4;
-    
-    /* Branding & Interactives (Using base06/base0D for accents) */
-    --brand-500: #f0f1f4 !important; /* This was Pink (#f5c2e7) */
-    --text-brand: #f0f1f4;
-    --control-brand-foreground: #f0f1f4;
-    --text-link: #80bfff !important;
-    
-    /* Syntax & Status */
-    --status-positive: #50fa7b;
-    --status-warning: #f1fa8c;
-    --status-danger: #ff5555;
-    --icon-voice-muted: #ff5555;
-    
-    /* Scrollbars */
-    --scrollbar-thin-thumb: #f0f1f4;
-    --scrollbar-auto-thumb: #f0f1f4;
+:root {
+    --base00: #282a36; /* Black */
+    --base01: #363447; /* Bright Black */
+    --base02: #44475a; /* Grey */
+    --base03: #6272a4; /* Brighter Grey */
+    --base04: #9ea8c7; /* Bright Grey */
+    --base05: #f8f8f2; /* White */
+    --base06: #f0f1f4; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff5555; /* Red */
+    --base09: #ffb86c; /* Orange */
+    --base0A: #f1fa8c; /* Yellow */
+    --base0B: #50fa7b; /* Green */
+    --base0C: #8be9fd; /* Cyan */
+    --base0D: #80bfff; /* Blue */
+    --base0E: #ff79c6; /* Purple */
+    --base0F: #bd93f9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-edge-dark b/build/base16-edge-dark
index ff39a70..38d71b9 100644
--- a/build/base16-edge-dark
+++ b/build/base16-edge-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #262729; /* Black */
+    --base01: #313235; /* Bright Black */
+    --base02: #3d3f42; /* Grey */
+    --base03: #4a4c4f; /* Brighter Grey */
+    --base04: #95989d; /* Bright Grey */
+    --base05: #afb2b5; /* White */
+    --base06: #caccce; /* Brighter White */
+    --base07: #e4e5e6; /* Bright White */
+    --base08: #e77171; /* Red */
+    --base09: #eba31a; /* Orange */
+    --base0A: #dbb774; /* Yellow */
+    --base0B: #a1bf78; /* Green */
+    --base0C: #5ebaa5; /* Cyan */
+    --base0D: #73b3e7; /* Blue */
+    --base0E: #d390e7; /* Purple */
+    --base0F: #5ebaa5; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-edge-light b/build/base16-edge-light
index 81e47b0..c28f433 100644
--- a/build/base16-edge-light
+++ b/build/base16-edge-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fafafa; /* Black */
+    --base01: #e3e5e8; /* Bright Black */
+    --base02: #acb1b9; /* Grey */
+    --base03: #9197a1; /* Brighter Grey */
+    --base04: #5e646f; /* Bright Grey */
+    --base05: #474752; /* White */
+    --base06: #3a3a46; /* Brighter White */
+    --base07: #2e2e38; /* Bright White */
+    --base08: #db7070; /* Red */
+    --base09: #eba31a; /* Orange */
+    --base0A: #ebcc1a; /* Yellow */
+    --base0B: #7c9f4b; /* Green */
+    --base0C: #509c93; /* Cyan */
+    --base0D: #6587bf; /* Blue */
+    --base0E: #b870ce; /* Purple */
+    --base0F: #509c93; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-eighties b/build/base16-eighties
index 2554f65..06e4c2b 100644
--- a/build/base16-eighties
+++ b/build/base16-eighties
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d2d2d; /* Black */
+    --base01: #393939; /* Bright Black */
+    --base02: #515151; /* Grey */
+    --base03: #747369; /* Brighter Grey */
+    --base04: #a09f93; /* Bright Grey */
+    --base05: #d3d0c8; /* White */
+    --base06: #e8e6df; /* Brighter White */
+    --base07: #f2f0ec; /* Bright White */
+    --base08: #f2777a; /* Red */
+    --base09: #f99157; /* Orange */
+    --base0A: #ffcc66; /* Yellow */
+    --base0B: #99cc99; /* Green */
+    --base0C: #66cccc; /* Cyan */
+    --base0D: #6699cc; /* Blue */
+    --base0E: #cc99cc; /* Purple */
+    --base0F: #d27b53; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-eldritch b/build/base16-eldritch
index dd24d9f..4cd7f3a 100644
--- a/build/base16-eldritch
+++ b/build/base16-eldritch
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #212337; /* Black */
+    --base01: #323449; /* Bright Black */
+    --base02: #3b4261; /* Grey */
+    --base03: #7081d0; /* Brighter Grey */
+    --base04: #a1abe0; /* Bright Grey */
+    --base05: #ebfafa; /* White */
+    --base06: #f0f2f4; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f16c75; /* Red */
+    --base09: #f7c67f; /* Orange */
+    --base0A: #f1fc79; /* Yellow */
+    --base0B: #37f499; /* Green */
+    --base0C: #04d1f9; /* Cyan */
+    --base0D: #39ddfd; /* Blue */
+    --base0E: #a48cf2; /* Purple */
+    --base0F: #f265b5; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-embers b/build/base16-embers
index b3c431d..59cce0b 100644
--- a/build/base16-embers
+++ b/build/base16-embers
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #16130f; /* Black */
+    --base01: #2c2620; /* Bright Black */
+    --base02: #433b32; /* Grey */
+    --base03: #5a5047; /* Brighter Grey */
+    --base04: #8a8075; /* Bright Grey */
+    --base05: #a39a90; /* White */
+    --base06: #beb6ae; /* Brighter White */
+    --base07: #dbd6d1; /* Bright White */
+    --base08: #826d57; /* Red */
+    --base09: #828257; /* Orange */
+    --base0A: #6d8257; /* Yellow */
+    --base0B: #57826d; /* Green */
+    --base0C: #576d82; /* Cyan */
+    --base0D: #6d5782; /* Blue */
+    --base0E: #82576d; /* Purple */
+    --base0F: #825757; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-embers-light b/build/base16-embers-light
index 6974507..ed1ea91 100644
--- a/build/base16-embers-light
+++ b/build/base16-embers-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #d1d6db; /* Black */
+    --base01: #aeb6be; /* Bright Black */
+    --base02: #909aa3; /* Grey */
+    --base03: #75808a; /* Brighter Grey */
+    --base04: #47505a; /* Bright Grey */
+    --base05: #323b43; /* White */
+    --base06: #20262c; /* Brighter White */
+    --base07: #0f1316; /* Bright White */
+    --base08: #576d82; /* Red */
+    --base09: #578282; /* Orange */
+    --base0A: #57826d; /* Yellow */
+    --base0B: #6d8257; /* Green */
+    --base0C: #826d57; /* Cyan */
+    --base0D: #82576d; /* Blue */
+    --base0E: #6d5782; /* Purple */
+    --base0F: #575782; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-emil b/build/base16-emil
index b47292c..6668dd4 100644
--- a/build/base16-emil
+++ b/build/base16-emil
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #efefef; /* Black */
+    --base01: #bebed2; /* Bright Black */
+    --base02: #9e9eaf; /* Grey */
+    --base03: #7c7c98; /* Brighter Grey */
+    --base04: #505063; /* Bright Grey */
+    --base05: #313145; /* White */
+    --base06: #22223a; /* Brighter White */
+    --base07: #1a1a2f; /* Bright White */
+    --base08: #f43979; /* Red */
+    --base09: #d22a8b; /* Orange */
+    --base0A: #ff669b; /* Yellow */
+    --base0B: #0073a8; /* Green */
+    --base0C: #2155d6; /* Cyan */
+    --base0D: #471397; /* Blue */
+    --base0E: #6916b6; /* Purple */
+    --base0F: #8d17a5; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-equilibrium-dark b/build/base16-equilibrium-dark
index 2869525..c1d6dc2 100644
--- a/build/base16-equilibrium-dark
+++ b/build/base16-equilibrium-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0c1118; /* Black */
+    --base01: #181c22; /* Bright Black */
+    --base02: #22262d; /* Grey */
+    --base03: #7b776e; /* Brighter Grey */
+    --base04: #949088; /* Bright Grey */
+    --base05: #afaba2; /* White */
+    --base06: #cac6bd; /* Brighter White */
+    --base07: #e7e2d9; /* Bright White */
+    --base08: #f04339; /* Red */
+    --base09: #df5923; /* Orange */
+    --base0A: #bb8801; /* Yellow */
+    --base0B: #7f8b00; /* Green */
+    --base0C: #00948b; /* Cyan */
+    --base0D: #008dd1; /* Blue */
+    --base0E: #6a7fd2; /* Purple */
+    --base0F: #e3488e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-equilibrium-gray-dark b/build/base16-equilibrium-gray-dark
index ab7b362..bb446b7 100644
--- a/build/base16-equilibrium-gray-dark
+++ b/build/base16-equilibrium-gray-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #111111; /* Black */
+    --base01: #1b1b1b; /* Bright Black */
+    --base02: #262626; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #919191; /* Bright Grey */
+    --base05: #ababab; /* White */
+    --base06: #c6c6c6; /* Brighter White */
+    --base07: #e2e2e2; /* Bright White */
+    --base08: #f04339; /* Red */
+    --base09: #df5923; /* Orange */
+    --base0A: #bb8801; /* Yellow */
+    --base0B: #7f8b00; /* Green */
+    --base0C: #00948b; /* Cyan */
+    --base0D: #008dd1; /* Blue */
+    --base0E: #6a7fd2; /* Purple */
+    --base0F: #e3488e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-equilibrium-gray-light b/build/base16-equilibrium-gray-light
index c18294d..acf722c 100644
--- a/build/base16-equilibrium-gray-light
+++ b/build/base16-equilibrium-gray-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f1f1f1; /* Black */
+    --base01: #e2e2e2; /* Bright Black */
+    --base02: #d4d4d4; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #5e5e5e; /* Bright Grey */
+    --base05: #474747; /* White */
+    --base06: #303030; /* Brighter White */
+    --base07: #1b1b1b; /* Bright White */
+    --base08: #d02023; /* Red */
+    --base09: #bf3e05; /* Orange */
+    --base0A: #9d6f00; /* Yellow */
+    --base0B: #637200; /* Green */
+    --base0C: #007a72; /* Cyan */
+    --base0D: #0073b5; /* Blue */
+    --base0E: #4e66b6; /* Purple */
+    --base0F: #c42775; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-equilibrium-light b/build/base16-equilibrium-light
index a8d87e0..b4122c8 100644
--- a/build/base16-equilibrium-light
+++ b/build/base16-equilibrium-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f5f0e7; /* Black */
+    --base01: #e7e2d9; /* Bright Black */
+    --base02: #d8d4cb; /* Grey */
+    --base03: #73777f; /* Brighter Grey */
+    --base04: #5a5f66; /* Bright Grey */
+    --base05: #43474e; /* White */
+    --base06: #2c3138; /* Brighter White */
+    --base07: #181c22; /* Bright White */
+    --base08: #d02023; /* Red */
+    --base09: #bf3e05; /* Orange */
+    --base0A: #9d6f00; /* Yellow */
+    --base0B: #637200; /* Green */
+    --base0C: #007a72; /* Cyan */
+    --base0D: #0073b5; /* Blue */
+    --base0E: #4e66b6; /* Purple */
+    --base0F: #c42775; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-eris b/build/base16-eris
index ccc3ca5..00ccaab 100644
--- a/build/base16-eris
+++ b/build/base16-eris
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0a0920; /* Black */
+    --base01: #13133a; /* Bright Black */
+    --base02: #23255a; /* Grey */
+    --base03: #333773; /* Brighter Grey */
+    --base04: #4a5293; /* Bright Grey */
+    --base05: #606bac; /* White */
+    --base06: #7986c5; /* Brighter White */
+    --base07: #9aaae5; /* Bright White */
+    --base08: #f768a3; /* Red */
+    --base09: #f78968; /* Orange */
+    --base0A: #f7d668; /* Yellow */
+    --base0B: #a2faa8; /* Green */
+    --base0C: #a2faf0; /* Cyan */
+    --base0D: #258fc4; /* Blue */
+    --base0E: #c368f7; /* Purple */
+    --base0F: #b85600; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-espresso b/build/base16-espresso
index 6cb0b52..7e04e70 100644
--- a/build/base16-espresso
+++ b/build/base16-espresso
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d2d2d; /* Black */
+    --base01: #393939; /* Bright Black */
+    --base02: #515151; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #b4b7b4; /* Bright Grey */
+    --base05: #cccccc; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #d25252; /* Red */
+    --base09: #f9a959; /* Orange */
+    --base0A: #ffc66d; /* Yellow */
+    --base0B: #a5c261; /* Green */
+    --base0C: #bed6ff; /* Cyan */
+    --base0D: #6c99bb; /* Blue */
+    --base0E: #d197d9; /* Purple */
+    --base0F: #f97394; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-eva b/build/base16-eva
index 7e6bd88..6cc861f 100644
--- a/build/base16-eva
+++ b/build/base16-eva
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2a3b4d; /* Black */
+    --base01: #3d566f; /* Bright Black */
+    --base02: #4b6988; /* Grey */
+    --base03: #55799c; /* Brighter Grey */
+    --base04: #7e90a3; /* Bright Grey */
+    --base05: #9fa2a6; /* White */
+    --base06: #d6d7d9; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #c4676c; /* Red */
+    --base09: #ff9966; /* Orange */
+    --base0A: #ffff66; /* Yellow */
+    --base0B: #66ff66; /* Green */
+    --base0C: #4b8f77; /* Cyan */
+    --base0D: #15f4ee; /* Blue */
+    --base0E: #9c6cd3; /* Purple */
+    --base0F: #bb64a9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-eva-dim b/build/base16-eva-dim
index 5c4074b..5e6c15c 100644
--- a/build/base16-eva-dim
+++ b/build/base16-eva-dim
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2a3b4d; /* Black */
+    --base01: #3d566f; /* Bright Black */
+    --base02: #4b6988; /* Grey */
+    --base03: #55799c; /* Brighter Grey */
+    --base04: #7e90a3; /* Bright Grey */
+    --base05: #9fa2a6; /* White */
+    --base06: #d6d7d9; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #c4676c; /* Red */
+    --base09: #ff9966; /* Orange */
+    --base0A: #cfd05d; /* Yellow */
+    --base0B: #5de561; /* Green */
+    --base0C: #4b8f77; /* Cyan */
+    --base0D: #1ae1dc; /* Blue */
+    --base0E: #9c6cd3; /* Purple */
+    --base0F: #bb64a9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-evenok-dark b/build/base16-evenok-dark
index eed7261..14ed220 100644
--- a/build/base16-evenok-dark
+++ b/build/base16-evenok-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #505050; /* Brighter Grey */
+    --base04: #b0b0b0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f5708a; /* Red */
+    --base09: #ee8122; /* Orange */
+    --base0A: #b8a300; /* Yellow */
+    --base0B: #54bc5c; /* Green */
+    --base0C: #00bab3; /* Cyan */
+    --base0D: #00aff2; /* Blue */
+    --base0E: #9095ff; /* Purple */
+    --base0F: #d47ada; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-everforest b/build/base16-everforest
index 4e36fe7..e92ee96 100644
--- a/build/base16-everforest
+++ b/build/base16-everforest
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d353b; /* Black */
+    --base01: #343f44; /* Bright Black */
+    --base02: #475258; /* Grey */
+    --base03: #859289; /* Brighter Grey */
+    --base04: #9da9a0; /* Bright Grey */
+    --base05: #d3c6aa; /* White */
+    --base06: #e6e2cc; /* Brighter White */
+    --base07: #fdf6e3; /* Bright White */
+    --base08: #e67e80; /* Red */
+    --base09: #e69875; /* Orange */
+    --base0A: #dbbc7f; /* Yellow */
+    --base0B: #a7c080; /* Green */
+    --base0C: #83c092; /* Cyan */
+    --base0D: #7fbbb3; /* Blue */
+    --base0E: #d699b6; /* Purple */
+    --base0F: #9da9a0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-everforest-dark-hard b/build/base16-everforest-dark-hard
index 3d031da..d3fc3ed 100644
--- a/build/base16-everforest-dark-hard
+++ b/build/base16-everforest-dark-hard
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #272e33; /* Black */
+    --base01: #2e383c; /* Bright Black */
+    --base02: #414b50; /* Grey */
+    --base03: #859289; /* Brighter Grey */
+    --base04: #9da9a0; /* Bright Grey */
+    --base05: #d3c6aa; /* White */
+    --base06: #edeada; /* Brighter White */
+    --base07: #fffbef; /* Bright White */
+    --base08: #e67e80; /* Red */
+    --base09: #e69875; /* Orange */
+    --base0A: #dbbc7f; /* Yellow */
+    --base0B: #a7c080; /* Green */
+    --base0C: #83c092; /* Cyan */
+    --base0D: #7fbbb3; /* Blue */
+    --base0E: #d699b6; /* Purple */
+    --base0F: #9da9a0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-everforest-dark-medium b/build/base16-everforest-dark-medium
index e4056d8..09d5649 100644
--- a/build/base16-everforest-dark-medium
+++ b/build/base16-everforest-dark-medium
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d353b; /* Black */
+    --base01: #343f44; /* Bright Black */
+    --base02: #3d484d; /* Grey */
+    --base03: #475258; /* Brighter Grey */
+    --base04: #7a8478; /* Bright Grey */
+    --base05: #859289; /* White */
+    --base06: #9da9a0; /* Brighter White */
+    --base07: #d3c6aa; /* Bright White */
+    --base08: #e67e80; /* Red */
+    --base09: #e69875; /* Orange */
+    --base0A: #dbbc7f; /* Yellow */
+    --base0B: #a7c080; /* Green */
+    --base0C: #83c092; /* Cyan */
+    --base0D: #7fbbb3; /* Blue */
+    --base0E: #d699b6; /* Purple */
+    --base0F: #514045; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-everforest-dark-soft b/build/base16-everforest-dark-soft
index 3f5e0f0..6cbb502 100644
--- a/build/base16-everforest-dark-soft
+++ b/build/base16-everforest-dark-soft
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #333c43; /* Black */
+    --base01: #3a464c; /* Bright Black */
+    --base02: #4d5960; /* Grey */
+    --base03: #859289; /* Brighter Grey */
+    --base04: #9da9a0; /* Bright Grey */
+    --base05: #d3c6aa; /* White */
+    --base06: #ddd8be; /* Brighter White */
+    --base07: #f3ead3; /* Bright White */
+    --base08: #e67e80; /* Red */
+    --base09: #e69875; /* Orange */
+    --base0A: #dbbc7f; /* Yellow */
+    --base0B: #a7c080; /* Green */
+    --base0C: #83c092; /* Cyan */
+    --base0D: #7fbbb3; /* Blue */
+    --base0E: #d699b6; /* Purple */
+    --base0F: #9da9a0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-flat b/build/base16-flat
index 6dd2cf6..410ab85 100644
--- a/build/base16-flat
+++ b/build/base16-flat
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2c3e50; /* Black */
+    --base01: #34495e; /* Bright Black */
+    --base02: #7f8c8d; /* Grey */
+    --base03: #95a5a6; /* Brighter Grey */
+    --base04: #bdc3c7; /* Bright Grey */
+    --base05: #e0e0e0; /* White */
+    --base06: #f5f5f5; /* Brighter White */
+    --base07: #ecf0f1; /* Bright White */
+    --base08: #e74c3c; /* Red */
+    --base09: #e67e22; /* Orange */
+    --base0A: #f1c40f; /* Yellow */
+    --base0B: #2ecc71; /* Green */
+    --base0C: #1abc9c; /* Cyan */
+    --base0D: #3498db; /* Blue */
+    --base0E: #9b59b6; /* Purple */
+    --base0F: #be643c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-flexoki-dark b/build/base16-flexoki-dark
index 657cc5e..d71b9b1 100644
--- a/build/base16-flexoki-dark
+++ b/build/base16-flexoki-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #100f0f; /* Black */
+    --base01: #1c1b1a; /* Bright Black */
+    --base02: #282726; /* Grey */
+    --base03: #575653; /* Brighter Grey */
+    --base04: #878580; /* Bright Grey */
+    --base05: #cecdc3; /* White */
+    --base06: #e6e4d9; /* Brighter White */
+    --base07: #fffcf0; /* Bright White */
+    --base08: #d14d41; /* Red */
+    --base09: #da702c; /* Orange */
+    --base0A: #d0a215; /* Yellow */
+    --base0B: #879a39; /* Green */
+    --base0C: #3aa99f; /* Cyan */
+    --base0D: #4385be; /* Blue */
+    --base0E: #8b7ec8; /* Purple */
+    --base0F: #ce5d97; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-flexoki-light b/build/base16-flexoki-light
index ea7d252..8b2436a 100644
--- a/build/base16-flexoki-light
+++ b/build/base16-flexoki-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fffcf0; /* Black */
+    --base01: #f2f0e5; /* Bright Black */
+    --base02: #e6e4d9; /* Grey */
+    --base03: #cecdc3; /* Brighter Grey */
+    --base04: #9f9d96; /* Bright Grey */
+    --base05: #403e3c; /* White */
+    --base06: #282726; /* Brighter White */
+    --base07: #100f0f; /* Bright White */
+    --base08: #af3029; /* Red */
+    --base09: #bc5215; /* Orange */
+    --base0A: #ad8301; /* Yellow */
+    --base0B: #66800b; /* Green */
+    --base0C: #24837b; /* Cyan */
+    --base0D: #205ea6; /* Blue */
+    --base0E: #5e409d; /* Purple */
+    --base0F: #a02f6f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-framer b/build/base16-framer
index 56f33ac..cc5fa68 100644
--- a/build/base16-framer
+++ b/build/base16-framer
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181818; /* Black */
+    --base01: #151515; /* Bright Black */
+    --base02: #464646; /* Grey */
+    --base03: #747474; /* Brighter Grey */
+    --base04: #b9b9b9; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #eeeeee; /* Bright White */
+    --base08: #fd886b; /* Red */
+    --base09: #fc4769; /* Orange */
+    --base0A: #fecb6e; /* Yellow */
+    --base0B: #32ccdc; /* Green */
+    --base0C: #acddfd; /* Cyan */
+    --base0D: #20bcfc; /* Blue */
+    --base0E: #ba8cfc; /* Purple */
+    --base0F: #b15f4a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-fruit-soda b/build/base16-fruit-soda
index 060fa42..e9ac534 100644
--- a/build/base16-fruit-soda
+++ b/build/base16-fruit-soda
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f1ecf1; /* Black */
+    --base01: #e0dee0; /* Bright Black */
+    --base02: #d8d5d5; /* Grey */
+    --base03: #b5b4b6; /* Brighter Grey */
+    --base04: #979598; /* Bright Grey */
+    --base05: #515151; /* White */
+    --base06: #474545; /* Brighter White */
+    --base07: #2d2c2c; /* Bright White */
+    --base08: #fe3e31; /* Red */
+    --base09: #fe6d08; /* Orange */
+    --base0A: #f7e203; /* Yellow */
+    --base0B: #47f74c; /* Green */
+    --base0C: #0f9cfd; /* Cyan */
+    --base0D: #2931df; /* Blue */
+    --base0E: #611fce; /* Purple */
+    --base0F: #b16f40; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gigavolt b/build/base16-gigavolt
index 2d5082c..6a136e6 100644
--- a/build/base16-gigavolt
+++ b/build/base16-gigavolt
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #202126; /* Black */
+    --base01: #2d303d; /* Bright Black */
+    --base02: #5a576e; /* Grey */
+    --base03: #a1d2e6; /* Brighter Grey */
+    --base04: #cad3ff; /* Bright Grey */
+    --base05: #e9e7e1; /* White */
+    --base06: #eff0f9; /* Brighter White */
+    --base07: #f2fbff; /* Bright White */
+    --base08: #ff661a; /* Red */
+    --base09: #19f988; /* Orange */
+    --base0A: #ffdc2d; /* Yellow */
+    --base0B: #f2e6a9; /* Green */
+    --base0C: #fb6acb; /* Cyan */
+    --base0D: #40bfff; /* Blue */
+    --base0E: #ae94f9; /* Purple */
+    --base0F: #6187ff; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-github b/build/base16-github
index 033cfeb..7ad6aac 100644
--- a/build/base16-github
+++ b/build/base16-github
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #eaeef2; /* Black */
+    --base01: #d0d7de; /* Bright Black */
+    --base02: #afb8c1; /* Grey */
+    --base03: #8c959f; /* Brighter Grey */
+    --base04: #6e7781; /* Bright Grey */
+    --base05: #424a53; /* White */
+    --base06: #32383f; /* Brighter White */
+    --base07: #1f2328; /* Bright White */
+    --base08: #fa4549; /* Red */
+    --base09: #e16f24; /* Orange */
+    --base0A: #bf8700; /* Yellow */
+    --base0B: #2da44e; /* Green */
+    --base0C: #339d9b; /* Cyan */
+    --base0D: #218bff; /* Blue */
+    --base0E: #a475f9; /* Purple */
+    --base0F: #4d2d00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-github-dark b/build/base16-github-dark
index 322ca8e..df04344 100644
--- a/build/base16-github-dark
+++ b/build/base16-github-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #161b22; /* Black */
+    --base01: #30363d; /* Bright Black */
+    --base02: #484f58; /* Grey */
+    --base03: #6e7681; /* Brighter Grey */
+    --base04: #8b949e; /* Bright Grey */
+    --base05: #c9d1d9; /* White */
+    --base06: #f0f6fc; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f85149; /* Red */
+    --base09: #db6d28; /* Orange */
+    --base0A: #bb8009; /* Yellow */
+    --base0B: #2ea043; /* Green */
+    --base0C: #2a9d9a; /* Cyan */
+    --base0D: #388bfd; /* Blue */
+    --base0E: #a371f7; /* Purple */
+    --base0F: #3d2f00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-google-dark b/build/base16-google-dark
index ccce755..44d8444 100644
--- a/build/base16-google-dark
+++ b/build/base16-google-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1f21; /* Black */
+    --base01: #282a2e; /* Bright Black */
+    --base02: #373b41; /* Grey */
+    --base03: #969896; /* Brighter Grey */
+    --base04: #b4b7b4; /* Bright Grey */
+    --base05: #c5c8c6; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #cc342b; /* Red */
+    --base09: #f96a38; /* Orange */
+    --base0A: #fba922; /* Yellow */
+    --base0B: #198844; /* Green */
+    --base0C: #3971ed; /* Cyan */
+    --base0D: #3971ed; /* Blue */
+    --base0E: #a36ac7; /* Purple */
+    --base0F: #3971ed; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-google-light b/build/base16-google-light
index a4db7ba..a50408c 100644
--- a/build/base16-google-light
+++ b/build/base16-google-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #c5c8c6; /* Grey */
+    --base03: #b4b7b4; /* Brighter Grey */
+    --base04: #969896; /* Bright Grey */
+    --base05: #373b41; /* White */
+    --base06: #282a2e; /* Brighter White */
+    --base07: #1d1f21; /* Bright White */
+    --base08: #cc342b; /* Red */
+    --base09: #f96a38; /* Orange */
+    --base0A: #fba922; /* Yellow */
+    --base0B: #198844; /* Green */
+    --base0C: #3971ed; /* Cyan */
+    --base0D: #3971ed; /* Blue */
+    --base0E: #a36ac7; /* Purple */
+    --base0F: #3971ed; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gotham b/build/base16-gotham
index 3a2e86d..b6294a8 100644
--- a/build/base16-gotham
+++ b/build/base16-gotham
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0c1014; /* Black */
+    --base01: #11151c; /* Bright Black */
+    --base02: #091f2e; /* Grey */
+    --base03: #0a3749; /* Brighter Grey */
+    --base04: #245361; /* Bright Grey */
+    --base05: #599cab; /* White */
+    --base06: #99d1ce; /* Brighter White */
+    --base07: #d3ebe9; /* Bright White */
+    --base08: #c23127; /* Red */
+    --base09: #d26937; /* Orange */
+    --base0A: #edb443; /* Yellow */
+    --base0B: #33859e; /* Green */
+    --base0C: #2aa889; /* Cyan */
+    --base0D: #195466; /* Blue */
+    --base0E: #888ca6; /* Purple */
+    --base0F: #4e5166; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-grayscale-dark b/build/base16-grayscale-dark
index 7c78a42..ff2e07e 100644
--- a/build/base16-grayscale-dark
+++ b/build/base16-grayscale-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #101010; /* Black */
+    --base01: #252525; /* Bright Black */
+    --base02: #464646; /* Grey */
+    --base03: #525252; /* Brighter Grey */
+    --base04: #ababab; /* Bright Grey */
+    --base05: #b9b9b9; /* White */
+    --base06: #e3e3e3; /* Brighter White */
+    --base07: #f7f7f7; /* Bright White */
+    --base08: #7c7c7c; /* Red */
+    --base09: #999999; /* Orange */
+    --base0A: #a0a0a0; /* Yellow */
+    --base0B: #8e8e8e; /* Green */
+    --base0C: #868686; /* Cyan */
+    --base0D: #686868; /* Blue */
+    --base0E: #747474; /* Purple */
+    --base0F: #5e5e5e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-grayscale-light b/build/base16-grayscale-light
index 73b900d..fa38b7c 100644
--- a/build/base16-grayscale-light
+++ b/build/base16-grayscale-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f7f7f7; /* Black */
+    --base01: #e3e3e3; /* Bright Black */
+    --base02: #b9b9b9; /* Grey */
+    --base03: #ababab; /* Brighter Grey */
+    --base04: #525252; /* Bright Grey */
+    --base05: #464646; /* White */
+    --base06: #252525; /* Brighter White */
+    --base07: #101010; /* Bright White */
+    --base08: #7c7c7c; /* Red */
+    --base09: #999999; /* Orange */
+    --base0A: #a0a0a0; /* Yellow */
+    --base0B: #8e8e8e; /* Green */
+    --base0C: #868686; /* Cyan */
+    --base0D: #686868; /* Blue */
+    --base0E: #747474; /* Purple */
+    --base0F: #5e5e5e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-greenscreen b/build/base16-greenscreen
index 551171a..5763aa5 100644
--- a/build/base16-greenscreen
+++ b/build/base16-greenscreen
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #001100; /* Black */
+    --base01: #003300; /* Bright Black */
+    --base02: #005500; /* Grey */
+    --base03: #007700; /* Brighter Grey */
+    --base04: #009900; /* Bright Grey */
+    --base05: #00bb00; /* White */
+    --base06: #00dd00; /* Brighter White */
+    --base07: #00ff00; /* Bright White */
+    --base08: #007700; /* Red */
+    --base09: #009900; /* Orange */
+    --base0A: #007700; /* Yellow */
+    --base0B: #00bb00; /* Green */
+    --base0C: #005500; /* Cyan */
+    --base0D: #009900; /* Blue */
+    --base0E: #00bb00; /* Purple */
+    --base0F: #005500; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruber b/build/base16-gruber
index 5c9e23f..937394e 100644
--- a/build/base16-gruber
+++ b/build/base16-gruber
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181818; /* Black */
+    --base01: #453d41; /* Bright Black */
+    --base02: #484848; /* Grey */
+    --base03: #52494e; /* Brighter Grey */
+    --base04: #e4e4ef; /* Bright Grey */
+    --base05: #f4f4ff; /* White */
+    --base06: #f5f5f5; /* Brighter White */
+    --base07: #e4e4ef; /* Bright White */
+    --base08: #f43841; /* Red */
+    --base09: #c73c3f; /* Orange */
+    --base0A: #ffdd33; /* Yellow */
+    --base0B: #73c936; /* Green */
+    --base0C: #95a99f; /* Cyan */
+    --base0D: #96a6c8; /* Blue */
+    --base0E: #9e95c7; /* Purple */
+    --base0F: #cc8c3c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-dark b/build/base16-gruvbox-dark
index bb7bb9c..773ddd7 100644
--- a/build/base16-gruvbox-dark
+++ b/build/base16-gruvbox-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282828; /* Black */
+    --base01: #3c3836; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #928374; /* Bright Grey */
+    --base05: #ebdbb2; /* White */
+    --base06: #fbf1c7; /* Brighter White */
+    --base07: #f9f5d7; /* Bright White */
+    --base08: #cc241d; /* Red */
+    --base09: #d65d0e; /* Orange */
+    --base0A: #d79921; /* Yellow */
+    --base0B: #98971a; /* Green */
+    --base0C: #689d6a; /* Cyan */
+    --base0D: #458588; /* Blue */
+    --base0E: #b16286; /* Purple */
+    --base0F: #9d0006; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-dark-hard b/build/base16-gruvbox-dark-hard
index 7025b8b..ddc86f3 100644
--- a/build/base16-gruvbox-dark-hard
+++ b/build/base16-gruvbox-dark-hard
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d2021; /* Black */
+    --base01: #3c3836; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #d5c4a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #fb4934; /* Red */
+    --base09: #fe8019; /* Orange */
+    --base0A: #fabd2f; /* Yellow */
+    --base0B: #b8bb26; /* Green */
+    --base0C: #8ec07c; /* Cyan */
+    --base0D: #83a598; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-dark-medium b/build/base16-gruvbox-dark-medium
index c1cfff7..e47dc4e 100644
--- a/build/base16-gruvbox-dark-medium
+++ b/build/base16-gruvbox-dark-medium
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282828; /* Black */
+    --base01: #3c3836; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #d5c4a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #fb4934; /* Red */
+    --base09: #fe8019; /* Orange */
+    --base0A: #fabd2f; /* Yellow */
+    --base0B: #b8bb26; /* Green */
+    --base0C: #8ec07c; /* Cyan */
+    --base0D: #83a598; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-dark-pale b/build/base16-gruvbox-dark-pale
index ff2f3ec..36743aa 100644
--- a/build/base16-gruvbox-dark-pale
+++ b/build/base16-gruvbox-dark-pale
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #262626; /* Black */
+    --base01: #3a3a3a; /* Bright Black */
+    --base02: #4e4e4e; /* Grey */
+    --base03: #8a8a8a; /* Brighter Grey */
+    --base04: #949494; /* Bright Grey */
+    --base05: #dab997; /* White */
+    --base06: #d5c4a1; /* Brighter White */
+    --base07: #ebdbb2; /* Bright White */
+    --base08: #d75f5f; /* Red */
+    --base09: #ff8700; /* Orange */
+    --base0A: #ffaf00; /* Yellow */
+    --base0B: #afaf00; /* Green */
+    --base0C: #85ad85; /* Cyan */
+    --base0D: #83adad; /* Blue */
+    --base0E: #d485ad; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-dark-soft b/build/base16-gruvbox-dark-soft
index c1fee48..0c07321 100644
--- a/build/base16-gruvbox-dark-soft
+++ b/build/base16-gruvbox-dark-soft
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #32302f; /* Black */
+    --base01: #3c3836; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #d5c4a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #fb4934; /* Red */
+    --base09: #fe8019; /* Orange */
+    --base0A: #fabd2f; /* Yellow */
+    --base0B: #b8bb26; /* Green */
+    --base0C: #8ec07c; /* Cyan */
+    --base0D: #83a598; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-light b/build/base16-gruvbox-light
index 15ec395..35f303d 100644
--- a/build/base16-gruvbox-light
+++ b/build/base16-gruvbox-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbf1c7; /* Black */
+    --base01: #ebdbb2; /* Bright Black */
+    --base02: #d5c4a1; /* Grey */
+    --base03: #bdae93; /* Brighter Grey */
+    --base04: #7c6f64; /* Bright Grey */
+    --base05: #3c3836; /* White */
+    --base06: #282828; /* Brighter White */
+    --base07: #1d2021; /* Bright White */
+    --base08: #cc241d; /* Red */
+    --base09: #d65d0e; /* Orange */
+    --base0A: #d79921; /* Yellow */
+    --base0B: #98971a; /* Green */
+    --base0C: #689d6a; /* Cyan */
+    --base0D: #458588; /* Blue */
+    --base0E: #b16286; /* Purple */
+    --base0F: #9d0006; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-light-hard b/build/base16-gruvbox-light-hard
index d501d89..bddf49c 100644
--- a/build/base16-gruvbox-light-hard
+++ b/build/base16-gruvbox-light-hard
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f9f5d7; /* Black */
+    --base01: #ebdbb2; /* Bright Black */
+    --base02: #d5c4a1; /* Grey */
+    --base03: #bdae93; /* Brighter Grey */
+    --base04: #665c54; /* Bright Grey */
+    --base05: #504945; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #9d0006; /* Red */
+    --base09: #af3a03; /* Orange */
+    --base0A: #b57614; /* Yellow */
+    --base0B: #79740e; /* Green */
+    --base0C: #427b58; /* Cyan */
+    --base0D: #076678; /* Blue */
+    --base0E: #8f3f71; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-light-medium b/build/base16-gruvbox-light-medium
index 37bc44d..0d5ef3a 100644
--- a/build/base16-gruvbox-light-medium
+++ b/build/base16-gruvbox-light-medium
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbf1c7; /* Black */
+    --base01: #ebdbb2; /* Bright Black */
+    --base02: #d5c4a1; /* Grey */
+    --base03: #bdae93; /* Brighter Grey */
+    --base04: #665c54; /* Bright Grey */
+    --base05: #504945; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #9d0006; /* Red */
+    --base09: #af3a03; /* Orange */
+    --base0A: #b57614; /* Yellow */
+    --base0B: #79740e; /* Green */
+    --base0C: #427b58; /* Cyan */
+    --base0D: #076678; /* Blue */
+    --base0E: #8f3f71; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-light-soft b/build/base16-gruvbox-light-soft
index 8eb0cc1..08724f3 100644
--- a/build/base16-gruvbox-light-soft
+++ b/build/base16-gruvbox-light-soft
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f2e5bc; /* Black */
+    --base01: #ebdbb2; /* Bright Black */
+    --base02: #d5c4a1; /* Grey */
+    --base03: #bdae93; /* Brighter Grey */
+    --base04: #665c54; /* Bright Grey */
+    --base05: #504945; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #9d0006; /* Red */
+    --base09: #af3a03; /* Orange */
+    --base0A: #b57614; /* Yellow */
+    --base0B: #79740e; /* Green */
+    --base0C: #427b58; /* Cyan */
+    --base0D: #076678; /* Blue */
+    --base0E: #8f3f71; /* Purple */
+    --base0F: #d65d0e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-dark-hard b/build/base16-gruvbox-material-dark-hard
index d8f9a60..3efbed0 100644
--- a/build/base16-gruvbox-material-dark-hard
+++ b/build/base16-gruvbox-material-dark-hard
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #202020; /* Black */
+    --base01: #2a2827; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #5a524c; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #ddc7a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #ea6962; /* Red */
+    --base09: #e78a4e; /* Orange */
+    --base0A: #d8a657; /* Yellow */
+    --base0B: #a9b665; /* Green */
+    --base0C: #89b482; /* Cyan */
+    --base0D: #7daea3; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #bd6f3e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-dark-medium b/build/base16-gruvbox-material-dark-medium
index 42a5559..9bc626b 100644
--- a/build/base16-gruvbox-material-dark-medium
+++ b/build/base16-gruvbox-material-dark-medium
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292828; /* Black */
+    --base01: #32302f; /* Bright Black */
+    --base02: #504945; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #ddc7a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #ea6962; /* Red */
+    --base09: #e78a4e; /* Orange */
+    --base0A: #d8a657; /* Yellow */
+    --base0B: #a9b665; /* Green */
+    --base0C: #89b482; /* Cyan */
+    --base0D: #7daea3; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #bd6f3e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-dark-soft b/build/base16-gruvbox-material-dark-soft
index d00dca3..985d28b 100644
--- a/build/base16-gruvbox-material-dark-soft
+++ b/build/base16-gruvbox-material-dark-soft
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #32302f; /* Black */
+    --base01: #3c3836; /* Bright Black */
+    --base02: #5a524c; /* Grey */
+    --base03: #7c6f64; /* Brighter Grey */
+    --base04: #bdae93; /* Bright Grey */
+    --base05: #ddc7a1; /* White */
+    --base06: #ebdbb2; /* Brighter White */
+    --base07: #fbf1c7; /* Bright White */
+    --base08: #ea6962; /* Red */
+    --base09: #e78a4e; /* Orange */
+    --base0A: #d8a657; /* Yellow */
+    --base0B: #a9b665; /* Green */
+    --base0C: #89b482; /* Cyan */
+    --base0D: #7daea3; /* Blue */
+    --base0E: #d3869b; /* Purple */
+    --base0F: #bd6f3e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-light-hard b/build/base16-gruvbox-material-light-hard
index cba244d..ef55352 100644
--- a/build/base16-gruvbox-material-light-hard
+++ b/build/base16-gruvbox-material-light-hard
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f9f5d7; /* Black */
+    --base01: #fbf1c7; /* Bright Black */
+    --base02: #e0cfa9; /* Grey */
+    --base03: #a89984; /* Brighter Grey */
+    --base04: #c9b99a; /* Bright Grey */
+    --base05: #654735; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #c14a4a; /* Red */
+    --base09: #c35e0a; /* Orange */
+    --base0A: #b47109; /* Yellow */
+    --base0B: #6c782e; /* Green */
+    --base0C: #4c7a5d; /* Cyan */
+    --base0D: #45707a; /* Blue */
+    --base0E: #945e80; /* Purple */
+    --base0F: #e78a4e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-light-medium b/build/base16-gruvbox-material-light-medium
index 0bc9c72..39e8217 100644
--- a/build/base16-gruvbox-material-light-medium
+++ b/build/base16-gruvbox-material-light-medium
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbf1c7; /* Black */
+    --base01: #f2e5bc; /* Bright Black */
+    --base02: #d5c4a1; /* Grey */
+    --base03: #bdae93; /* Brighter Grey */
+    --base04: #665c54; /* Bright Grey */
+    --base05: #654735; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #c14a4a; /* Red */
+    --base09: #c35e0a; /* Orange */
+    --base0A: #b47109; /* Yellow */
+    --base0B: #6c782e; /* Green */
+    --base0C: #4c7a5d; /* Cyan */
+    --base0D: #45707a; /* Blue */
+    --base0E: #945e80; /* Purple */
+    --base0F: #e78a4e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-gruvbox-material-light-soft b/build/base16-gruvbox-material-light-soft
index 599eb5f..9e8c4ed 100644
--- a/build/base16-gruvbox-material-light-soft
+++ b/build/base16-gruvbox-material-light-soft
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f2e5bc; /* Black */
+    --base01: #ebdbb2; /* Bright Black */
+    --base02: #c9b99a; /* Grey */
+    --base03: #a89984; /* Brighter Grey */
+    --base04: #665c54; /* Bright Grey */
+    --base05: #654735; /* White */
+    --base06: #3c3836; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #c14a4a; /* Red */
+    --base09: #c35e0a; /* Orange */
+    --base0A: #b47109; /* Yellow */
+    --base0B: #6c782e; /* Green */
+    --base0C: #4c7a5d; /* Cyan */
+    --base0D: #45707a; /* Blue */
+    --base0E: #945e80; /* Purple */
+    --base0F: #e78a4e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-hardcore b/build/base16-hardcore
index 79ba240..7c242f0 100644
--- a/build/base16-hardcore
+++ b/build/base16-hardcore
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #212121; /* Black */
+    --base01: #303030; /* Bright Black */
+    --base02: #353535; /* Grey */
+    --base03: #4a4a4a; /* Brighter Grey */
+    --base04: #707070; /* Bright Grey */
+    --base05: #cdcdcd; /* White */
+    --base06: #e5e5e5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f92672; /* Red */
+    --base09: #fd971f; /* Orange */
+    --base0A: #e6db74; /* Yellow */
+    --base0B: #a6e22e; /* Green */
+    --base0C: #708387; /* Cyan */
+    --base0D: #66d9ef; /* Blue */
+    --base0E: #9e6ffe; /* Purple */
+    --base0F: #e8b882; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-hardhacker b/build/base16-hardhacker
index 1c021d8..39825f3 100644
--- a/build/base16-hardhacker
+++ b/build/base16-hardhacker
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #211e2a; /* Black */
+    --base01: #2c2737; /* Bright Black */
+    --base02: #3f3951; /* Grey */
+    --base03: #6e6780; /* Brighter Grey */
+    --base04: #8a829e; /* Bright Grey */
+    --base05: #e4dee9; /* White */
+    --base06: #f2e8f0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #e965a5; /* Red */
+    --base09: #f4b870; /* Orange */
+    --base0A: #ebde76; /* Yellow */
+    --base0B: #b1f2a7; /* Green */
+    --base0C: #b3f4f3; /* Cyan */
+    --base0D: #95a6f4; /* Blue */
+    --base0E: #ff79c6; /* Purple */
+    --base0F: #bd93f9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-harmonic16-dark b/build/base16-harmonic16-dark
index cfd7d25..810f914 100644
--- a/build/base16-harmonic16-dark
+++ b/build/base16-harmonic16-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0b1c2c; /* Black */
+    --base01: #223b54; /* Bright Black */
+    --base02: #405c79; /* Grey */
+    --base03: #627e99; /* Brighter Grey */
+    --base04: #aabcce; /* Bright Grey */
+    --base05: #cbd6e2; /* White */
+    --base06: #e5ebf1; /* Brighter White */
+    --base07: #f7f9fb; /* Bright White */
+    --base08: #bf8b56; /* Red */
+    --base09: #bfbf56; /* Orange */
+    --base0A: #8bbf56; /* Yellow */
+    --base0B: #56bf8b; /* Green */
+    --base0C: #568bbf; /* Cyan */
+    --base0D: #8b56bf; /* Blue */
+    --base0E: #bf568b; /* Purple */
+    --base0F: #bf5656; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-harmonic16-light b/build/base16-harmonic16-light
index b9a3a73..28ad2ad 100644
--- a/build/base16-harmonic16-light
+++ b/build/base16-harmonic16-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f7f9fb; /* Black */
+    --base01: #e5ebf1; /* Bright Black */
+    --base02: #cbd6e2; /* Grey */
+    --base03: #aabcce; /* Brighter Grey */
+    --base04: #627e99; /* Bright Grey */
+    --base05: #405c79; /* White */
+    --base06: #223b54; /* Brighter White */
+    --base07: #0b1c2c; /* Bright White */
+    --base08: #bf8b56; /* Red */
+    --base09: #bfbf56; /* Orange */
+    --base0A: #8bbf56; /* Yellow */
+    --base0B: #56bf8b; /* Green */
+    --base0C: #568bbf; /* Cyan */
+    --base0D: #8b56bf; /* Blue */
+    --base0E: #bf568b; /* Purple */
+    --base0F: #bf5656; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-heetch b/build/base16-heetch
index 2a12b68..27dd1f7 100644
--- a/build/base16-heetch
+++ b/build/base16-heetch
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #190134; /* Black */
+    --base01: #392551; /* Bright Black */
+    --base02: #5a496e; /* Grey */
+    --base03: #7b6d8b; /* Brighter Grey */
+    --base04: #9c92a8; /* Bright Grey */
+    --base05: #bdb6c5; /* White */
+    --base06: #dedae2; /* Brighter White */
+    --base07: #feffff; /* Bright White */
+    --base08: #27d9d5; /* Red */
+    --base09: #5ba2b6; /* Orange */
+    --base0A: #8f6c97; /* Yellow */
+    --base0B: #c33678; /* Green */
+    --base0C: #f80059; /* Cyan */
+    --base0D: #bd0152; /* Blue */
+    --base0E: #82034c; /* Purple */
+    --base0F: #470546; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-heetch-light b/build/base16-heetch-light
index dfd3878..1466939 100644
--- a/build/base16-heetch-light
+++ b/build/base16-heetch-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #feffff; /* Black */
+    --base01: #dedae2; /* Bright Black */
+    --base02: #bdb6c5; /* Grey */
+    --base03: #9c92a8; /* Brighter Grey */
+    --base04: #7b6d8b; /* Bright Grey */
+    --base05: #5a496e; /* White */
+    --base06: #392551; /* Brighter White */
+    --base07: #190134; /* Bright White */
+    --base08: #f80059; /* Red */
+    --base09: #bd0152; /* Orange */
+    --base0A: #bd9701; /* Yellow */
+    --base0B: #5bb66a; /* Green */
+    --base0C: #47f9f5; /* Cyan */
+    --base0D: #5ba2b6; /* Blue */
+    --base0E: #8f6c97; /* Purple */
+    --base0F: #58425d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-helios b/build/base16-helios
index 73d52b3..001e1f2 100644
--- a/build/base16-helios
+++ b/build/base16-helios
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d2021; /* Black */
+    --base01: #383c3e; /* Bright Black */
+    --base02: #53585b; /* Grey */
+    --base03: #6f7579; /* Brighter Grey */
+    --base04: #cdcdcd; /* Bright Grey */
+    --base05: #d5d5d5; /* White */
+    --base06: #dddddd; /* Brighter White */
+    --base07: #e5e5e5; /* Bright White */
+    --base08: #d72638; /* Red */
+    --base09: #eb8413; /* Orange */
+    --base0A: #f19d1a; /* Yellow */
+    --base0B: #88b92d; /* Green */
+    --base0C: #1ba595; /* Cyan */
+    --base0D: #1e8bac; /* Blue */
+    --base0E: #be4264; /* Purple */
+    --base0F: #c85e0d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-hopscotch b/build/base16-hopscotch
index 89489a6..ea8433f 100644
--- a/build/base16-hopscotch
+++ b/build/base16-hopscotch
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #322931; /* Black */
+    --base01: #433b42; /* Bright Black */
+    --base02: #5c545b; /* Grey */
+    --base03: #797379; /* Brighter Grey */
+    --base04: #989498; /* Bright Grey */
+    --base05: #b9b5b8; /* White */
+    --base06: #d5d3d5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #dd464c; /* Red */
+    --base09: #fd8b19; /* Orange */
+    --base0A: #fdcc59; /* Yellow */
+    --base0B: #8fc13e; /* Green */
+    --base0C: #149b93; /* Cyan */
+    --base0D: #1290bf; /* Blue */
+    --base0E: #c85e7c; /* Purple */
+    --base0F: #b33508; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-horizon-dark b/build/base16-horizon-dark
index f500df6..f4d292a 100644
--- a/build/base16-horizon-dark
+++ b/build/base16-horizon-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1e26; /* Black */
+    --base01: #232530; /* Bright Black */
+    --base02: #2e303e; /* Grey */
+    --base03: #6f6f70; /* Brighter Grey */
+    --base04: #9da0a2; /* Bright Grey */
+    --base05: #cbced0; /* White */
+    --base06: #dcdfe4; /* Brighter White */
+    --base07: #e3e6ee; /* Bright White */
+    --base08: #e93c58; /* Red */
+    --base09: #e58d7d; /* Orange */
+    --base0A: #efb993; /* Yellow */
+    --base0B: #efaf8e; /* Green */
+    --base0C: #24a8b4; /* Cyan */
+    --base0D: #df5273; /* Blue */
+    --base0E: #b072d1; /* Purple */
+    --base0F: #e4a382; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-horizon-light b/build/base16-horizon-light
index da2ffed..e213bbb 100644
--- a/build/base16-horizon-light
+++ b/build/base16-horizon-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fdf0ed; /* Black */
+    --base01: #fadad1; /* Bright Black */
+    --base02: #f9cbbe; /* Grey */
+    --base03: #bdb3b1; /* Brighter Grey */
+    --base04: #948c8a; /* Bright Grey */
+    --base05: #403c3d; /* White */
+    --base06: #302c2d; /* Brighter White */
+    --base07: #201c1d; /* Bright White */
+    --base08: #f7939b; /* Red */
+    --base09: #f6661e; /* Orange */
+    --base0A: #fbe0d9; /* Yellow */
+    --base0B: #94e1b0; /* Green */
+    --base0C: #dc3318; /* Cyan */
+    --base0D: #da103f; /* Blue */
+    --base0E: #1d8991; /* Purple */
+    --base0F: #e58c92; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-horizon-terminal-dark b/build/base16-horizon-terminal-dark
index da48d22..45147c3 100644
--- a/build/base16-horizon-terminal-dark
+++ b/build/base16-horizon-terminal-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1e26; /* Black */
+    --base01: #232530; /* Bright Black */
+    --base02: #2e303e; /* Grey */
+    --base03: #6f6f70; /* Brighter Grey */
+    --base04: #9da0a2; /* Bright Grey */
+    --base05: #cbced0; /* White */
+    --base06: #dcdfe4; /* Brighter White */
+    --base07: #e3e6ee; /* Bright White */
+    --base08: #e95678; /* Red */
+    --base09: #fab795; /* Orange */
+    --base0A: #fac29a; /* Yellow */
+    --base0B: #29d398; /* Green */
+    --base0C: #59e1e3; /* Cyan */
+    --base0D: #26bbd9; /* Blue */
+    --base0E: #ee64ac; /* Purple */
+    --base0F: #f09383; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-horizon-terminal-light b/build/base16-horizon-terminal-light
index a18ce33..3497e77 100644
--- a/build/base16-horizon-terminal-light
+++ b/build/base16-horizon-terminal-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fdf0ed; /* Black */
+    --base01: #fadad1; /* Bright Black */
+    --base02: #f9cbbe; /* Grey */
+    --base03: #bdb3b1; /* Brighter Grey */
+    --base04: #948c8a; /* Bright Grey */
+    --base05: #403c3d; /* White */
+    --base06: #302c2d; /* Brighter White */
+    --base07: #201c1d; /* Bright White */
+    --base08: #e95678; /* Red */
+    --base09: #f9cec3; /* Orange */
+    --base0A: #fadad1; /* Yellow */
+    --base0B: #29d398; /* Green */
+    --base0C: #59e1e3; /* Cyan */
+    --base0D: #26bbd9; /* Blue */
+    --base0E: #ee64ac; /* Purple */
+    --base0F: #f9cbbe; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-humanoid-dark b/build/base16-humanoid-dark
index f0a68f5..1d29149 100644
--- a/build/base16-humanoid-dark
+++ b/build/base16-humanoid-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #232629; /* Black */
+    --base01: #333b3d; /* Bright Black */
+    --base02: #484e54; /* Grey */
+    --base03: #60615d; /* Brighter Grey */
+    --base04: #c0c0bd; /* Bright Grey */
+    --base05: #f8f8f2; /* White */
+    --base06: #fcfcf6; /* Brighter White */
+    --base07: #fcfcfc; /* Bright White */
+    --base08: #f11235; /* Red */
+    --base09: #ff9505; /* Orange */
+    --base0A: #ffb627; /* Yellow */
+    --base0B: #02d849; /* Green */
+    --base0C: #0dd9d6; /* Cyan */
+    --base0D: #00a6fb; /* Blue */
+    --base0E: #f15ee3; /* Purple */
+    --base0F: #b27701; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-humanoid-light b/build/base16-humanoid-light
index 2b7a0bd..d051962 100644
--- a/build/base16-humanoid-light
+++ b/build/base16-humanoid-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f8f8f2; /* Black */
+    --base01: #efefe9; /* Bright Black */
+    --base02: #deded8; /* Grey */
+    --base03: #c0c0bd; /* Brighter Grey */
+    --base04: #60615d; /* Bright Grey */
+    --base05: #232629; /* White */
+    --base06: #2f3337; /* Brighter White */
+    --base07: #070708; /* Bright White */
+    --base08: #b0151a; /* Red */
+    --base09: #ff3d00; /* Orange */
+    --base0A: #ffb627; /* Yellow */
+    --base0B: #388e3c; /* Green */
+    --base0C: #008e8e; /* Cyan */
+    --base0D: #0082c9; /* Blue */
+    --base0E: #700f98; /* Purple */
+    --base0F: #b27701; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ia-dark b/build/base16-ia-dark
index e0260d8..1057431 100644
--- a/build/base16-ia-dark
+++ b/build/base16-ia-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1a1a1a; /* Black */
+    --base01: #222222; /* Bright Black */
+    --base02: #1d414d; /* Grey */
+    --base03: #767676; /* Brighter Grey */
+    --base04: #b8b8b8; /* Bright Grey */
+    --base05: #cccccc; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #f8f8f8; /* Bright White */
+    --base08: #d88568; /* Red */
+    --base09: #d86868; /* Orange */
+    --base0A: #b99353; /* Yellow */
+    --base0B: #83a471; /* Green */
+    --base0C: #7c9cae; /* Cyan */
+    --base0D: #8eccdd; /* Blue */
+    --base0E: #b98eb2; /* Purple */
+    --base0F: #8b6c37; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ia-light b/build/base16-ia-light
index 0ca821e..a6e60bb 100644
--- a/build/base16-ia-light
+++ b/build/base16-ia-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f6f6f6; /* Black */
+    --base01: #dedede; /* Bright Black */
+    --base02: #bde5f2; /* Grey */
+    --base03: #898989; /* Brighter Grey */
+    --base04: #767676; /* Bright Grey */
+    --base05: #181818; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #f8f8f8; /* Bright White */
+    --base08: #9c5a02; /* Red */
+    --base09: #c43e18; /* Orange */
+    --base0A: #c48218; /* Yellow */
+    --base0B: #38781c; /* Green */
+    --base0C: #2d6bb1; /* Cyan */
+    --base0D: #48bac2; /* Blue */
+    --base0E: #a94598; /* Purple */
+    --base0F: #8b6c37; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-icy b/build/base16-icy
index dd94ed4..a2039c0 100644
--- a/build/base16-icy
+++ b/build/base16-icy
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #021012; /* Black */
+    --base01: #031619; /* Bright Black */
+    --base02: #041f23; /* Grey */
+    --base03: #052e34; /* Brighter Grey */
+    --base04: #064048; /* Bright Grey */
+    --base05: #095b67; /* White */
+    --base06: #0c7c8c; /* Brighter White */
+    --base07: #109cb0; /* Bright White */
+    --base08: #16c1d9; /* Red */
+    --base09: #b3ebf2; /* Orange */
+    --base0A: #80deea; /* Yellow */
+    --base0B: #4dd0e1; /* Green */
+    --base0C: #26c6da; /* Cyan */
+    --base0D: #00bcd4; /* Blue */
+    --base0E: #00acc1; /* Purple */
+    --base0F: #0097a7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-irblack b/build/base16-irblack
index aa1ad48..bc4c698 100644
--- a/build/base16-irblack
+++ b/build/base16-irblack
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #242422; /* Bright Black */
+    --base02: #484844; /* Grey */
+    --base03: #6c6c66; /* Brighter Grey */
+    --base04: #918f88; /* Bright Grey */
+    --base05: #b5b3aa; /* White */
+    --base06: #d9d7cc; /* Brighter White */
+    --base07: #fdfbee; /* Bright White */
+    --base08: #ff6c60; /* Red */
+    --base09: #e9c062; /* Orange */
+    --base0A: #ffffb6; /* Yellow */
+    --base0B: #a8ff60; /* Green */
+    --base0C: #c6c5fe; /* Cyan */
+    --base0D: #96cbfe; /* Blue */
+    --base0E: #ff73fd; /* Purple */
+    --base0F: #b18a3d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-isotope b/build/base16-isotope
index 5143919..29d72c8 100644
--- a/build/base16-isotope
+++ b/build/base16-isotope
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #404040; /* Bright Black */
+    --base02: #606060; /* Grey */
+    --base03: #808080; /* Brighter Grey */
+    --base04: #c0c0c0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff0000; /* Red */
+    --base09: #ff9900; /* Orange */
+    --base0A: #ff0099; /* Yellow */
+    --base0B: #33ff00; /* Green */
+    --base0C: #00ffff; /* Cyan */
+    --base0D: #0066ff; /* Blue */
+    --base0E: #cc00ff; /* Purple */
+    --base0F: #3300ff; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-jabuti b/build/base16-jabuti
index e35ec7b..1a9157f 100644
--- a/build/base16-jabuti
+++ b/build/base16-jabuti
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292a37; /* Black */
+    --base01: #343545; /* Bright Black */
+    --base02: #3c3e51; /* Grey */
+    --base03: #45475d; /* Brighter Grey */
+    --base04: #50526b; /* Bright Grey */
+    --base05: #c0cbe3; /* White */
+    --base06: #d9e0ee; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ec6a88; /* Red */
+    --base09: #efb993; /* Orange */
+    --base0A: #e1c697; /* Yellow */
+    --base0B: #3fdaa4; /* Green */
+    --base0C: #ff7eb6; /* Cyan */
+    --base0D: #3fc6de; /* Blue */
+    --base0E: #be95ff; /* Purple */
+    --base0F: #8b8da9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-kanagawa b/build/base16-kanagawa
index c8da746..fb93d9c 100644
--- a/build/base16-kanagawa
+++ b/build/base16-kanagawa
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1f1f28; /* Black */
+    --base01: #16161d; /* Bright Black */
+    --base02: #223249; /* Grey */
+    --base03: #54546d; /* Brighter Grey */
+    --base04: #727169; /* Bright Grey */
+    --base05: #dcd7ba; /* White */
+    --base06: #c8c093; /* Brighter White */
+    --base07: #717c7c; /* Bright White */
+    --base08: #c34043; /* Red */
+    --base09: #ffa066; /* Orange */
+    --base0A: #c0a36e; /* Yellow */
+    --base0B: #76946a; /* Green */
+    --base0C: #6a9589; /* Cyan */
+    --base0D: #7e9cd8; /* Blue */
+    --base0E: #957fb8; /* Purple */
+    --base0F: #d27e99; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-kanagawa-dragon b/build/base16-kanagawa-dragon
index bebcb15..618c6c2 100644
--- a/build/base16-kanagawa-dragon
+++ b/build/base16-kanagawa-dragon
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181616; /* Black */
+    --base01: #282727; /* Bright Black */
+    --base02: #393836; /* Grey */
+    --base03: #625e5a; /* Brighter Grey */
+    --base04: #737c73; /* Bright Grey */
+    --base05: #c5c9c5; /* White */
+    --base06: #c8c093; /* Brighter White */
+    --base07: #c5c9c5; /* Bright White */
+    --base08: #c4746e; /* Red */
+    --base09: #b6927b; /* Orange */
+    --base0A: #c4b28a; /* Yellow */
+    --base0B: #8a9a7b; /* Green */
+    --base0C: #8ea4a2; /* Cyan */
+    --base0D: #8ba4b0; /* Blue */
+    --base0E: #a292a3; /* Purple */
+    --base0F: #b98d7b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-katy b/build/base16-katy
index f4a5b97..6f1746b 100644
--- a/build/base16-katy
+++ b/build/base16-katy
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292d3e; /* Black */
+    --base01: #444267; /* Bright Black */
+    --base02: #5c598b; /* Grey */
+    --base03: #676e95; /* Brighter Grey */
+    --base04: #8796b0; /* Bright Grey */
+    --base05: #959dcb; /* White */
+    --base06: #959dcb; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #6e98e1; /* Red */
+    --base09: #f78c6c; /* Orange */
+    --base0A: #e0a557; /* Yellow */
+    --base0B: #78c06e; /* Green */
+    --base0C: #83b7e5; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #c792ea; /* Purple */
+    --base0F: #ff5370; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-kimber b/build/base16-kimber
index e178a6c..dd19495 100644
--- a/build/base16-kimber
+++ b/build/base16-kimber
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #222222; /* Black */
+    --base01: #313131; /* Bright Black */
+    --base02: #555d55; /* Grey */
+    --base03: #644646; /* Brighter Grey */
+    --base04: #5a5a5a; /* Bright Grey */
+    --base05: #dedee7; /* White */
+    --base06: #c3c3b4; /* Brighter White */
+    --base07: #ffffe6; /* Bright White */
+    --base08: #c88c8c; /* Red */
+    --base09: #476c88; /* Orange */
+    --base0A: #d8b56d; /* Yellow */
+    --base0B: #99c899; /* Green */
+    --base0C: #78b4b4; /* Cyan */
+    --base0D: #537c9c; /* Blue */
+    --base0E: #86cacd; /* Purple */
+    --base0F: #704f4f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-lime b/build/base16-lime
index 58c32de..909e1e2 100644
--- a/build/base16-lime
+++ b/build/base16-lime
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1a1a2f; /* Black */
+    --base01: #202030; /* Bright Black */
+    --base02: #2a2a3f; /* Grey */
+    --base03: #313140; /* Brighter Grey */
+    --base04: #515155; /* Bright Grey */
+    --base05: #818175; /* White */
+    --base06: #fff2d1; /* Brighter White */
+    --base07: #fff8e1; /* Bright White */
+    --base08: #ff662a; /* Red */
+    --base09: #ff773a; /* Orange */
+    --base0A: #ffd15e; /* Yellow */
+    --base0B: #8cd97c; /* Green */
+    --base0C: #4cad83; /* Cyan */
+    --base0D: #2b926f; /* Blue */
+    --base0E: #1b825f; /* Purple */
+    --base0F: #b4d97c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-linux-vt b/build/base16-linux-vt
index e72f207..df8ea5c 100644
--- a/build/base16-linux-vt
+++ b/build/base16-linux-vt
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #333333; /* Bright Black */
+    --base02: #444444; /* Grey */
+    --base03: #555555; /* Brighter Grey */
+    --base04: #888888; /* Bright Grey */
+    --base05: #aaaaaa; /* White */
+    --base06: #cccccc; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #aa0000; /* Red */
+    --base09: #ff5555; /* Orange */
+    --base0A: #ffff55; /* Yellow */
+    --base0B: #00aa00; /* Green */
+    --base0C: #00aaaa; /* Cyan */
+    --base0D: #5555ff; /* Blue */
+    --base0E: #ff55ff; /* Purple */
+    --base0F: #aa5500; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-macintosh b/build/base16-macintosh
index d217bb9..62232a9 100644
--- a/build/base16-macintosh
+++ b/build/base16-macintosh
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #404040; /* Bright Black */
+    --base02: #404040; /* Grey */
+    --base03: #808080; /* Brighter Grey */
+    --base04: #808080; /* Bright Grey */
+    --base05: #c0c0c0; /* White */
+    --base06: #c0c0c0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #dd0907; /* Red */
+    --base09: #ff6403; /* Orange */
+    --base0A: #fbf305; /* Yellow */
+    --base0B: #1fb714; /* Green */
+    --base0C: #02abea; /* Cyan */
+    --base0D: #0000d3; /* Blue */
+    --base0E: #4700a5; /* Purple */
+    --base0F: #90713a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-marrakesh b/build/base16-marrakesh
index 69db8af..69e2043 100644
--- a/build/base16-marrakesh
+++ b/build/base16-marrakesh
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #201602; /* Black */
+    --base01: #302e00; /* Bright Black */
+    --base02: #5f5b17; /* Grey */
+    --base03: #6c6823; /* Brighter Grey */
+    --base04: #86813b; /* Bright Grey */
+    --base05: #948e48; /* White */
+    --base06: #ccc37a; /* Brighter White */
+    --base07: #faf0a5; /* Bright White */
+    --base08: #c35359; /* Red */
+    --base09: #b36144; /* Orange */
+    --base0A: #a88339; /* Yellow */
+    --base0B: #18974e; /* Green */
+    --base0C: #75a738; /* Cyan */
+    --base0D: #477ca1; /* Blue */
+    --base0E: #8868b3; /* Purple */
+    --base0F: #b3588e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-materia b/build/base16-materia
index b11006e..8537492 100644
--- a/build/base16-materia
+++ b/build/base16-materia
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #263238; /* Black */
+    --base01: #2c393f; /* Bright Black */
+    --base02: #37474f; /* Grey */
+    --base03: #707880; /* Brighter Grey */
+    --base04: #c9ccd3; /* Bright Grey */
+    --base05: #cdd3de; /* White */
+    --base06: #d5dbe5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ec5f67; /* Red */
+    --base09: #ea9560; /* Orange */
+    --base0A: #ffcc00; /* Yellow */
+    --base0B: #8bd649; /* Green */
+    --base0C: #80cbc4; /* Cyan */
+    --base0D: #89ddff; /* Blue */
+    --base0E: #82aaff; /* Purple */
+    --base0F: #ec5f67; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-material b/build/base16-material
index 12185cd..23f01db 100644
--- a/build/base16-material
+++ b/build/base16-material
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #263238; /* Black */
+    --base01: #2e3c43; /* Bright Black */
+    --base02: #314549; /* Grey */
+    --base03: #546e7a; /* Brighter Grey */
+    --base04: #b2ccd6; /* Bright Grey */
+    --base05: #eeffff; /* White */
+    --base06: #eeffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f07178; /* Red */
+    --base09: #f78c6c; /* Orange */
+    --base0A: #ffcb6b; /* Yellow */
+    --base0B: #c3e88d; /* Green */
+    --base0C: #89ddff; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #c792ea; /* Purple */
+    --base0F: #ff5370; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-material-darker b/build/base16-material-darker
index 63afe00..c76cd8f 100644
--- a/build/base16-material-darker
+++ b/build/base16-material-darker
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #212121; /* Black */
+    --base01: #303030; /* Bright Black */
+    --base02: #353535; /* Grey */
+    --base03: #4a4a4a; /* Brighter Grey */
+    --base04: #b2ccd6; /* Bright Grey */
+    --base05: #eeffff; /* White */
+    --base06: #eeffff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f07178; /* Red */
+    --base09: #f78c6c; /* Orange */
+    --base0A: #ffcb6b; /* Yellow */
+    --base0B: #c3e88d; /* Green */
+    --base0C: #89ddff; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #c792ea; /* Purple */
+    --base0F: #ff5370; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-material-lighter b/build/base16-material-lighter
index 4614f9e..2560156 100644
--- a/build/base16-material-lighter
+++ b/build/base16-material-lighter
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fafafa; /* Black */
+    --base01: #e7eaec; /* Bright Black */
+    --base02: #cceae7; /* Grey */
+    --base03: #ccd7da; /* Brighter Grey */
+    --base04: #8796b0; /* Bright Grey */
+    --base05: #80cbc4; /* White */
+    --base06: #43a39a; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #ff5370; /* Red */
+    --base09: #f76d47; /* Orange */
+    --base0A: #ffb62c; /* Yellow */
+    --base0B: #91b859; /* Green */
+    --base0C: #39adb5; /* Cyan */
+    --base0D: #6182b8; /* Blue */
+    --base0E: #7c4dff; /* Purple */
+    --base0F: #e53935; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-material-palenight b/build/base16-material-palenight
index 660765a..f09b0f3 100644
--- a/build/base16-material-palenight
+++ b/build/base16-material-palenight
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292d3e; /* Black */
+    --base01: #444267; /* Bright Black */
+    --base02: #32374d; /* Grey */
+    --base03: #676e95; /* Brighter Grey */
+    --base04: #8796b0; /* Bright Grey */
+    --base05: #959dcb; /* White */
+    --base06: #959dcb; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f07178; /* Red */
+    --base09: #f78c6c; /* Orange */
+    --base0A: #ffcb6b; /* Yellow */
+    --base0B: #c3e88d; /* Green */
+    --base0C: #89ddff; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #c792ea; /* Purple */
+    --base0F: #ff5370; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-material-vivid b/build/base16-material-vivid
index 3be28f7..86cd147 100644
--- a/build/base16-material-vivid
+++ b/build/base16-material-vivid
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #202124; /* Black */
+    --base01: #27292c; /* Bright Black */
+    --base02: #323639; /* Grey */
+    --base03: #44464d; /* Brighter Grey */
+    --base04: #676c71; /* Bright Grey */
+    --base05: #80868b; /* White */
+    --base06: #9e9e9e; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f44336; /* Red */
+    --base09: #ff9800; /* Orange */
+    --base0A: #ffeb3b; /* Yellow */
+    --base0B: #00e676; /* Green */
+    --base0C: #00bcd4; /* Cyan */
+    --base0D: #2196f3; /* Blue */
+    --base0E: #673ab7; /* Purple */
+    --base0F: #8d6e63; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-measured-dark b/build/base16-measured-dark
index 6e29034..49a8d3e 100644
--- a/build/base16-measured-dark
+++ b/build/base16-measured-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #00211f; /* Black */
+    --base01: #003a38; /* Bright Black */
+    --base02: #005453; /* Grey */
+    --base03: #ababab; /* Brighter Grey */
+    --base04: #c3c3c3; /* Bright Grey */
+    --base05: #dcdcdc; /* White */
+    --base06: #efefef; /* Brighter White */
+    --base07: #f5f5f5; /* Bright White */
+    --base08: #ce7e8e; /* Red */
+    --base09: #dca37c; /* Orange */
+    --base0A: #bfac4e; /* Yellow */
+    --base0B: #56c16f; /* Green */
+    --base0C: #62c0be; /* Cyan */
+    --base0D: #88b0da; /* Blue */
+    --base0E: #b39be0; /* Purple */
+    --base0F: #d89aba; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-measured-light b/build/base16-measured-light
index 951afb8..ad8520e 100644
--- a/build/base16-measured-light
+++ b/build/base16-measured-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fdf9f5; /* Black */
+    --base01: #f9f5f1; /* Bright Black */
+    --base02: #ffeada; /* Grey */
+    --base03: #5a5a5a; /* Brighter Grey */
+    --base04: #404040; /* Bright Grey */
+    --base05: #292929; /* White */
+    --base06: #181818; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #ac1f35; /* Red */
+    --base09: #ad5601; /* Orange */
+    --base0A: #645a00; /* Yellow */
+    --base0B: #0c680c; /* Green */
+    --base0C: #01716f; /* Cyan */
+    --base0D: #0158ad; /* Blue */
+    --base0E: #6645c2; /* Purple */
+    --base0F: #a81a66; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-mellow-purple b/build/base16-mellow-purple
index 0dbc680..14a0ea9 100644
--- a/build/base16-mellow-purple
+++ b/build/base16-mellow-purple
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1e0528; /* Black */
+    --base01: #1a092d; /* Bright Black */
+    --base02: #331354; /* Grey */
+    --base03: #320f55; /* Brighter Grey */
+    --base04: #873582; /* Bright Grey */
+    --base05: #ffeeff; /* White */
+    --base06: #ffeeff; /* Brighter White */
+    --base07: #f8c0ff; /* Bright White */
+    --base08: #00d9e9; /* Red */
+    --base09: #aa00a3; /* Orange */
+    --base0A: #955ae7; /* Yellow */
+    --base0B: #05cb0d; /* Green */
+    --base0C: #b900b1; /* Cyan */
+    --base0D: #550068; /* Blue */
+    --base0E: #8991bb; /* Purple */
+    --base0F: #4d6fff; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-mexico-light b/build/base16-mexico-light
index a83dc2e..6e2defd 100644
--- a/build/base16-mexico-light
+++ b/build/base16-mexico-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f8f8f8; /* Black */
+    --base01: #e8e8e8; /* Bright Black */
+    --base02: #d8d8d8; /* Grey */
+    --base03: #b8b8b8; /* Brighter Grey */
+    --base04: #585858; /* Bright Grey */
+    --base05: #383838; /* White */
+    --base06: #282828; /* Brighter White */
+    --base07: #181818; /* Bright White */
+    --base08: #ab4642; /* Red */
+    --base09: #dc9656; /* Orange */
+    --base0A: #f79a0e; /* Yellow */
+    --base0B: #538947; /* Green */
+    --base0C: #4b8093; /* Cyan */
+    --base0D: #7cafc2; /* Blue */
+    --base0E: #96609e; /* Purple */
+    --base0F: #a16946; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-mocha b/build/base16-mocha
index 6eee17d..84c2462 100644
--- a/build/base16-mocha
+++ b/build/base16-mocha
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #3b3228; /* Black */
+    --base01: #534636; /* Bright Black */
+    --base02: #645240; /* Grey */
+    --base03: #7e705a; /* Brighter Grey */
+    --base04: #b8afad; /* Bright Grey */
+    --base05: #d0c8c6; /* White */
+    --base06: #e9e1dd; /* Brighter White */
+    --base07: #f5eeeb; /* Bright White */
+    --base08: #cb6077; /* Red */
+    --base09: #d28b71; /* Orange */
+    --base0A: #f4bc87; /* Yellow */
+    --base0B: #beb55b; /* Green */
+    --base0C: #7bbda4; /* Cyan */
+    --base0D: #8ab3b5; /* Blue */
+    --base0E: #a89bb9; /* Purple */
+    --base0F: #bb9584; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-monokai b/build/base16-monokai
index 3392473..8c9a802 100644
--- a/build/base16-monokai
+++ b/build/base16-monokai
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #272822; /* Black */
+    --base01: #383830; /* Bright Black */
+    --base02: #49483e; /* Grey */
+    --base03: #75715e; /* Brighter Grey */
+    --base04: #a59f85; /* Bright Grey */
+    --base05: #f8f8f2; /* White */
+    --base06: #f5f4f1; /* Brighter White */
+    --base07: #f9f8f5; /* Bright White */
+    --base08: #f92672; /* Red */
+    --base09: #fd971f; /* Orange */
+    --base0A: #f4bf75; /* Yellow */
+    --base0B: #a6e22e; /* Green */
+    --base0C: #a1efe4; /* Cyan */
+    --base0D: #66d9ef; /* Blue */
+    --base0E: #ae81ff; /* Purple */
+    --base0F: #cc6633; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-moonlight b/build/base16-moonlight
index 8a0bf99..84b56de 100644
--- a/build/base16-moonlight
+++ b/build/base16-moonlight
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #212337; /* Black */
+    --base01: #403c64; /* Bright Black */
+    --base02: #596399; /* Grey */
+    --base03: #748cd6; /* Brighter Grey */
+    --base04: #a1abe0; /* Bright Grey */
+    --base05: #a3ace1; /* White */
+    --base06: #b4a4f4; /* Brighter White */
+    --base07: #ef43fa; /* Bright White */
+    --base08: #ff5370; /* Red */
+    --base09: #f67f81; /* Orange */
+    --base0A: #ffc777; /* Yellow */
+    --base0B: #2df4c0; /* Green */
+    --base0C: #04d1f9; /* Cyan */
+    --base0D: #40ffff; /* Blue */
+    --base0E: #b994f1; /* Purple */
+    --base0F: #ecb2f0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-mountain b/build/base16-mountain
index 5584b02..ab01321 100644
--- a/build/base16-mountain
+++ b/build/base16-mountain
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0f0f0f; /* Black */
+    --base01: #191919; /* Bright Black */
+    --base02: #262626; /* Grey */
+    --base03: #393939; /* Brighter Grey */
+    --base04: #4c4c4c; /* Bright Grey */
+    --base05: #cacaca; /* White */
+    --base06: #e7e7e7; /* Brighter White */
+    --base07: #f0f0f0; /* Bright White */
+    --base08: #ac8a8c; /* Red */
+    --base09: #ceb188; /* Orange */
+    --base0A: #aca98a; /* Yellow */
+    --base0B: #8aac8b; /* Green */
+    --base0C: #8aabac; /* Cyan */
+    --base0D: #8f8aac; /* Blue */
+    --base0E: #ac8aac; /* Purple */
+    --base0F: #ac8a8c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-nebula b/build/base16-nebula
index 0cbe400..44c8159 100644
--- a/build/base16-nebula
+++ b/build/base16-nebula
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #22273b; /* Black */
+    --base01: #414f60; /* Bright Black */
+    --base02: #5a8380; /* Grey */
+    --base03: #6e6f72; /* Brighter Grey */
+    --base04: #87888b; /* Bright Grey */
+    --base05: #a4a6a9; /* White */
+    --base06: #c7c9cd; /* Brighter White */
+    --base07: #8dbdaa; /* Bright White */
+    --base08: #777abc; /* Red */
+    --base09: #94929e; /* Orange */
+    --base0A: #4f9062; /* Yellow */
+    --base0B: #6562a8; /* Green */
+    --base0C: #226f68; /* Cyan */
+    --base0D: #4d6bb6; /* Blue */
+    --base0E: #716cae; /* Purple */
+    --base0F: #8c70a7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-nord b/build/base16-nord
index 122317e..17096ae 100644
--- a/build/base16-nord
+++ b/build/base16-nord
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2e3440; /* Black */
+    --base01: #3b4252; /* Bright Black */
+    --base02: #434c5e; /* Grey */
+    --base03: #4c566a; /* Brighter Grey */
+    --base04: #d8dee9; /* Bright Grey */
+    --base05: #e5e9f0; /* White */
+    --base06: #eceff4; /* Brighter White */
+    --base07: #8fbcbb; /* Bright White */
+    --base08: #bf616a; /* Red */
+    --base09: #d08770; /* Orange */
+    --base0A: #ebcb8b; /* Yellow */
+    --base0B: #a3be8c; /* Green */
+    --base0C: #88c0d0; /* Cyan */
+    --base0D: #81a1c1; /* Blue */
+    --base0E: #b48ead; /* Purple */
+    --base0F: #5e81ac; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-nord-light b/build/base16-nord-light
index e91d3e0..fab9c8b 100644
--- a/build/base16-nord-light
+++ b/build/base16-nord-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #e5e9f0; /* Black */
+    --base01: #c2d0e7; /* Bright Black */
+    --base02: #b8c5db; /* Grey */
+    --base03: #aebacf; /* Brighter Grey */
+    --base04: #60728c; /* Bright Grey */
+    --base05: #2e3440; /* White */
+    --base06: #3b4252; /* Brighter White */
+    --base07: #29838d; /* Bright White */
+    --base08: #99324b; /* Red */
+    --base09: #ac4426; /* Orange */
+    --base0A: #9a7500; /* Yellow */
+    --base0B: #4f894c; /* Green */
+    --base0C: #398eac; /* Cyan */
+    --base0D: #3b6ea8; /* Blue */
+    --base0E: #97365b; /* Purple */
+    --base0F: #5272af; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-nova b/build/base16-nova
index fce7808..235a6af 100644
--- a/build/base16-nova
+++ b/build/base16-nova
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #3c4c55; /* Black */
+    --base01: #556873; /* Bright Black */
+    --base02: #6a7d89; /* Grey */
+    --base03: #899ba6; /* Brighter Grey */
+    --base04: #899ba6; /* Bright Grey */
+    --base05: #c5d4dd; /* White */
+    --base06: #899ba6; /* Brighter White */
+    --base07: #556873; /* Bright White */
+    --base08: #83afe5; /* Red */
+    --base09: #7fc1ca; /* Orange */
+    --base0A: #a8ce93; /* Yellow */
+    --base0B: #7fc1ca; /* Green */
+    --base0C: #f2c38f; /* Cyan */
+    --base0D: #83afe5; /* Blue */
+    --base0E: #9a93e1; /* Purple */
+    --base0F: #f2c38f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-ocean b/build/base16-ocean
index caf933e..657c614 100644
--- a/build/base16-ocean
+++ b/build/base16-ocean
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2b303b; /* Black */
+    --base01: #343d46; /* Bright Black */
+    --base02: #4f5b66; /* Grey */
+    --base03: #65737e; /* Brighter Grey */
+    --base04: #a7adba; /* Bright Grey */
+    --base05: #c0c5ce; /* White */
+    --base06: #dfe1e8; /* Brighter White */
+    --base07: #eff1f5; /* Bright White */
+    --base08: #bf616a; /* Red */
+    --base09: #d08770; /* Orange */
+    --base0A: #ebcb8b; /* Yellow */
+    --base0B: #a3be8c; /* Green */
+    --base0C: #96b5b4; /* Cyan */
+    --base0D: #8fa1b3; /* Blue */
+    --base0E: #b48ead; /* Purple */
+    --base0F: #ab7967; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-oceanicnext b/build/base16-oceanicnext
index beaed68..7935612 100644
--- a/build/base16-oceanicnext
+++ b/build/base16-oceanicnext
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1b2b34; /* Black */
+    --base01: #343d46; /* Bright Black */
+    --base02: #4f5b66; /* Grey */
+    --base03: #65737e; /* Brighter Grey */
+    --base04: #a7adba; /* Bright Grey */
+    --base05: #c0c5ce; /* White */
+    --base06: #cdd3de; /* Brighter White */
+    --base07: #d8dee9; /* Bright White */
+    --base08: #ec5f67; /* Red */
+    --base09: #f99157; /* Orange */
+    --base0A: #fac863; /* Yellow */
+    --base0B: #99c794; /* Green */
+    --base0C: #5fb3b3; /* Cyan */
+    --base0D: #6699cc; /* Blue */
+    --base0E: #c594c5; /* Purple */
+    --base0F: #ab7967; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-one-light b/build/base16-one-light
index cf3882e..edfec74 100644
--- a/build/base16-one-light
+++ b/build/base16-one-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fafafa; /* Black */
+    --base01: #f0f0f1; /* Bright Black */
+    --base02: #e5e5e6; /* Grey */
+    --base03: #a0a1a7; /* Brighter Grey */
+    --base04: #696c77; /* Bright Grey */
+    --base05: #383a42; /* White */
+    --base06: #202227; /* Brighter White */
+    --base07: #090a0b; /* Bright White */
+    --base08: #ca1243; /* Red */
+    --base09: #d75f00; /* Orange */
+    --base0A: #c18401; /* Yellow */
+    --base0B: #50a14f; /* Green */
+    --base0C: #0184bc; /* Cyan */
+    --base0D: #4078f2; /* Blue */
+    --base0E: #a626a4; /* Purple */
+    --base0F: #986801; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-onedark b/build/base16-onedark
index 17da31f..9646cd1 100644
--- a/build/base16-onedark
+++ b/build/base16-onedark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282c34; /* Black */
+    --base01: #353b45; /* Bright Black */
+    --base02: #3e4451; /* Grey */
+    --base03: #545862; /* Brighter Grey */
+    --base04: #565c64; /* Bright Grey */
+    --base05: #abb2bf; /* White */
+    --base06: #b6bdca; /* Brighter White */
+    --base07: #c8ccd4; /* Bright White */
+    --base08: #e06c75; /* Red */
+    --base09: #d19a66; /* Orange */
+    --base0A: #e5c07b; /* Yellow */
+    --base0B: #98c379; /* Green */
+    --base0C: #56b6c2; /* Cyan */
+    --base0D: #61afef; /* Blue */
+    --base0E: #c678dd; /* Purple */
+    --base0F: #be5046; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-onedark-dark b/build/base16-onedark-dark
index 117c7f0..d1ae94c 100644
--- a/build/base16-onedark-dark
+++ b/build/base16-onedark-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #1c1f24; /* Bright Black */
+    --base02: #2c313a; /* Grey */
+    --base03: #434852; /* Brighter Grey */
+    --base04: #565c64; /* Bright Grey */
+    --base05: #abb2bf; /* White */
+    --base06: #b6bdca; /* Brighter White */
+    --base07: #c8ccd4; /* Bright White */
+    --base08: #ef596f; /* Red */
+    --base09: #d19a66; /* Orange */
+    --base0A: #e5c07b; /* Yellow */
+    --base0B: #89ca78; /* Green */
+    --base0C: #2bbac5; /* Cyan */
+    --base0D: #61afef; /* Blue */
+    --base0E: #d55fde; /* Purple */
+    --base0F: #be5046; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-outrun-dark b/build/base16-outrun-dark
index ca8d7a0..faf53c6 100644
--- a/build/base16-outrun-dark
+++ b/build/base16-outrun-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #00002a; /* Black */
+    --base01: #20204a; /* Bright Black */
+    --base02: #30305a; /* Grey */
+    --base03: #50507a; /* Brighter Grey */
+    --base04: #b0b0da; /* Bright Grey */
+    --base05: #d0d0fa; /* White */
+    --base06: #e0e0ff; /* Brighter White */
+    --base07: #f5f5ff; /* Bright White */
+    --base08: #ff4242; /* Red */
+    --base09: #fc8d28; /* Orange */
+    --base0A: #f3e877; /* Yellow */
+    --base0B: #59f176; /* Green */
+    --base0C: #0ef0f0; /* Cyan */
+    --base0D: #66b0ff; /* Blue */
+    --base0E: #f10596; /* Purple */
+    --base0F: #f003ef; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-oxocarbon-dark b/build/base16-oxocarbon-dark
index d014965..dc98191 100644
--- a/build/base16-oxocarbon-dark
+++ b/build/base16-oxocarbon-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #161616; /* Black */
+    --base01: #262626; /* Bright Black */
+    --base02: #393939; /* Grey */
+    --base03: #525252; /* Brighter Grey */
+    --base04: #dde1e6; /* Bright Grey */
+    --base05: #f2f4f8; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #08bdba; /* Bright White */
+    --base08: #ee5396; /* Red */
+    --base09: #ff7eb6; /* Orange */
+    --base0A: #ff6f00; /* Yellow */
+    --base0B: #42be65; /* Green */
+    --base0C: #3ddbd9; /* Cyan */
+    --base0D: #33b1ff; /* Blue */
+    --base0E: #be95ff; /* Purple */
+    --base0F: #82cfff; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-oxocarbon-light b/build/base16-oxocarbon-light
index 6d7411a..f7c97e6 100644
--- a/build/base16-oxocarbon-light
+++ b/build/base16-oxocarbon-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f2f4f8; /* Black */
+    --base01: #dde1e6; /* Bright Black */
+    --base02: #bec6cf; /* Grey */
+    --base03: #a1acba; /* Brighter Grey */
+    --base04: #68788d; /* Bright Grey */
+    --base05: #525f70; /* White */
+    --base06: #3d4652; /* Brighter White */
+    --base07: #272d35; /* Bright White */
+    --base08: #ff7eb6; /* Red */
+    --base09: #ee5396; /* Orange */
+    --base0A: #ff6f00; /* Yellow */
+    --base0B: #42be65; /* Green */
+    --base0C: #673ab7; /* Cyan */
+    --base0D: #0f62fe; /* Blue */
+    --base0E: #be95ff; /* Purple */
+    --base0F: #803800; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-pandora b/build/base16-pandora
index 66667c4..7df8c27 100644
--- a/build/base16-pandora
+++ b/build/base16-pandora
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #131213; /* Black */
+    --base01: #2f1823; /* Bright Black */
+    --base02: #472234; /* Grey */
+    --base03: #ffbee3; /* Brighter Grey */
+    --base04: #9b2a46; /* Bright Grey */
+    --base05: #f15c99; /* White */
+    --base06: #81506a; /* Brighter White */
+    --base07: #632227; /* Bright White */
+    --base08: #b00b69; /* Red */
+    --base09: #ff9153; /* Orange */
+    --base0A: #ffcc00; /* Yellow */
+    --base0B: #9ddf69; /* Green */
+    --base0C: #714ca6; /* Cyan */
+    --base0D: #008080; /* Blue */
+    --base0E: #a24030; /* Purple */
+    --base0F: #a24030; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-papercolor-dark b/build/base16-papercolor-dark
index 49a2d17..9e4fe2f 100644
--- a/build/base16-papercolor-dark
+++ b/build/base16-papercolor-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1c1c; /* Black */
+    --base01: #363636; /* Bright Black */
+    --base02: #424242; /* Grey */
+    --base03: #585858; /* Brighter Grey */
+    --base04: #808080; /* Bright Grey */
+    --base05: #9e9e9e; /* White */
+    --base06: #b8b8b8; /* Brighter White */
+    --base07: #d0d0d0; /* Bright White */
+    --base08: #ff5faf; /* Red */
+    --base09: #d7af5f; /* Orange */
+    --base0A: #ffaf00; /* Yellow */
+    --base0B: #5faf5f; /* Green */
+    --base0C: #00afaf; /* Cyan */
+    --base0D: #5fafd7; /* Blue */
+    --base0E: #af87d7; /* Purple */
+    --base0F: #af005f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-papercolor-light b/build/base16-papercolor-light
index 71c9b21..84a2c6a 100644
--- a/build/base16-papercolor-light
+++ b/build/base16-papercolor-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #eeeeee; /* Black */
+    --base01: #c4c4c4; /* Bright Black */
+    --base02: #9e9e9e; /* Grey */
+    --base03: #858585; /* Brighter Grey */
+    --base04: #6b6b6b; /* Bright Grey */
+    --base05: #5e5e5e; /* White */
+    --base06: #525252; /* Brighter White */
+    --base07: #444444; /* Bright White */
+    --base08: #d70000; /* Red */
+    --base09: #d75f00; /* Orange */
+    --base0A: #d75f00; /* Yellow */
+    --base0B: #008700; /* Green */
+    --base0C: #0087af; /* Cyan */
+    --base0D: #005f87; /* Blue */
+    --base0E: #8700af; /* Purple */
+    --base0F: #af0000; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-paraiso b/build/base16-paraiso
index 43f7d43..418e8a0 100644
--- a/build/base16-paraiso
+++ b/build/base16-paraiso
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2f1e2e; /* Black */
+    --base01: #41323f; /* Bright Black */
+    --base02: #4f424c; /* Grey */
+    --base03: #776e71; /* Brighter Grey */
+    --base04: #8d8687; /* Bright Grey */
+    --base05: #a39e9b; /* White */
+    --base06: #b9b6b0; /* Brighter White */
+    --base07: #e7e9db; /* Bright White */
+    --base08: #ef6155; /* Red */
+    --base09: #f99b15; /* Orange */
+    --base0A: #fec418; /* Yellow */
+    --base0B: #48b685; /* Green */
+    --base0C: #5bc4bf; /* Cyan */
+    --base0D: #06b6ef; /* Blue */
+    --base0E: #815ba4; /* Purple */
+    --base0F: #e96ba8; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-pasque b/build/base16-pasque
index ec10bbc..d52befd 100644
--- a/build/base16-pasque
+++ b/build/base16-pasque
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #271c3a; /* Black */
+    --base01: #100323; /* Bright Black */
+    --base02: #3e2d5c; /* Grey */
+    --base03: #5d5766; /* Brighter Grey */
+    --base04: #bebcbf; /* Bright Grey */
+    --base05: #dedcdf; /* White */
+    --base06: #edeaef; /* Brighter White */
+    --base07: #bbaadd; /* Bright White */
+    --base08: #a92258; /* Red */
+    --base09: #918889; /* Orange */
+    --base0A: #804ead; /* Yellow */
+    --base0B: #c6914b; /* Green */
+    --base0C: #7263aa; /* Cyan */
+    --base0D: #8e7dc6; /* Blue */
+    --base0E: #953b9d; /* Purple */
+    --base0F: #59325c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-dark b/build/base16-penumbra-dark
index e0ef8c4..6419144 100644
--- a/build/base16-penumbra-dark
+++ b/build/base16-penumbra-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #24272b; /* Black */
+    --base01: #303338; /* Bright Black */
+    --base02: #3e4044; /* Grey */
+    --base03: #636363; /* Brighter Grey */
+    --base04: #8f8f8f; /* Bright Grey */
+    --base05: #bebebe; /* White */
+    --base06: #fff7ed; /* Brighter White */
+    --base07: #fffdfb; /* Bright White */
+    --base08: #ca736c; /* Red */
+    --base09: #ba823a; /* Orange */
+    --base0A: #8d9741; /* Yellow */
+    --base0B: #47a477; /* Green */
+    --base0C: #00a2af; /* Cyan */
+    --base0D: #5794d0; /* Blue */
+    --base0E: #9481cc; /* Purple */
+    --base0F: #bc73a4; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-dark-contrast-plus b/build/base16-penumbra-dark-contrast-plus
index 497ffe3..c136412 100644
--- a/build/base16-penumbra-dark-contrast-plus
+++ b/build/base16-penumbra-dark-contrast-plus
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181b1f; /* Black */
+    --base01: #24272b; /* Bright Black */
+    --base02: #3e4044; /* Grey */
+    --base03: #636363; /* Brighter Grey */
+    --base04: #9e9e9e; /* Bright Grey */
+    --base05: #cecece; /* White */
+    --base06: #fff7ed; /* Brighter White */
+    --base07: #fffdfb; /* Bright White */
+    --base08: #df7f78; /* Red */
+    --base09: #ce9042; /* Orange */
+    --base0A: #9ca748; /* Yellow */
+    --base0B: #50b584; /* Green */
+    --base0C: #00b3c2; /* Cyan */
+    --base0D: #61a3e6; /* Blue */
+    --base0E: #a48fe1; /* Purple */
+    --base0F: #d080b6; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-dark-contrast-plus-plus b/build/base16-penumbra-dark-contrast-plus-plus
index 77b4f15..d74c242 100644
--- a/build/base16-penumbra-dark-contrast-plus-plus
+++ b/build/base16-penumbra-dark-contrast-plus-plus
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0d0f13; /* Black */
+    --base01: #181b1f; /* Bright Black */
+    --base02: #3e4044; /* Grey */
+    --base03: #636363; /* Brighter Grey */
+    --base04: #aeaeae; /* Bright Grey */
+    --base05: #dedede; /* White */
+    --base06: #fff7ed; /* Brighter White */
+    --base07: #fffdfb; /* Bright White */
+    --base08: #f58c81; /* Red */
+    --base09: #e09f47; /* Orange */
+    --base0A: #a9b852; /* Yellow */
+    --base0B: #54c794; /* Green */
+    --base0C: #00c4d7; /* Cyan */
+    --base0D: #6eb2fd; /* Blue */
+    --base0E: #b69cf6; /* Purple */
+    --base0F: #e58cc5; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-light b/build/base16-penumbra-light
index a4e929c..b5fbd04 100644
--- a/build/base16-penumbra-light
+++ b/build/base16-penumbra-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fffdfb; /* Black */
+    --base01: #fff7ed; /* Bright Black */
+    --base02: #f2e6d4; /* Grey */
+    --base03: #bebebe; /* Brighter Grey */
+    --base04: #8f8f8f; /* Bright Grey */
+    --base05: #636363; /* White */
+    --base06: #303338; /* Brighter White */
+    --base07: #24272b; /* Bright White */
+    --base08: #ca736c; /* Red */
+    --base09: #ba823a; /* Orange */
+    --base0A: #8d9741; /* Yellow */
+    --base0B: #47a477; /* Green */
+    --base0C: #00a2af; /* Cyan */
+    --base0D: #5794d0; /* Blue */
+    --base0E: #9481cc; /* Purple */
+    --base0F: #bc73a4; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-light-contrast-plus b/build/base16-penumbra-light-contrast-plus
index 0801b0d..5fece90 100644
--- a/build/base16-penumbra-light-contrast-plus
+++ b/build/base16-penumbra-light-contrast-plus
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fffdfb; /* Black */
+    --base01: #fff7ed; /* Bright Black */
+    --base02: #f2e6d4; /* Grey */
+    --base03: #cecece; /* Brighter Grey */
+    --base04: #9e9e9e; /* Bright Grey */
+    --base05: #636363; /* White */
+    --base06: #24272b; /* Brighter White */
+    --base07: #181b1f; /* Bright White */
+    --base08: #df7f78; /* Red */
+    --base09: #ce9042; /* Orange */
+    --base0A: #9ca748; /* Yellow */
+    --base0B: #50b584; /* Green */
+    --base0C: #00b3c2; /* Cyan */
+    --base0D: #61a3e6; /* Blue */
+    --base0E: #a48fe1; /* Purple */
+    --base0F: #d080b6; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-penumbra-light-contrast-plus-plus b/build/base16-penumbra-light-contrast-plus-plus
index 63f7536..ca934b9 100644
--- a/build/base16-penumbra-light-contrast-plus-plus
+++ b/build/base16-penumbra-light-contrast-plus-plus
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fffdfb; /* Black */
+    --base01: #fff7ed; /* Bright Black */
+    --base02: #f2e6d4; /* Grey */
+    --base03: #dedede; /* Brighter Grey */
+    --base04: #aeaeae; /* Bright Grey */
+    --base05: #636363; /* White */
+    --base06: #181b1f; /* Brighter White */
+    --base07: #0d0f13; /* Bright White */
+    --base08: #f58c81; /* Red */
+    --base09: #e09f47; /* Orange */
+    --base0A: #a9b852; /* Yellow */
+    --base0B: #54c794; /* Green */
+    --base0C: #00c4d7; /* Cyan */
+    --base0D: #6eb2fd; /* Blue */
+    --base0E: #b69cf6; /* Purple */
+    --base0F: #e58cc5; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-phd b/build/base16-phd
index 73373a7..8c68ebf 100644
--- a/build/base16-phd
+++ b/build/base16-phd
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #061229; /* Black */
+    --base01: #2a3448; /* Bright Black */
+    --base02: #4d5666; /* Grey */
+    --base03: #717885; /* Brighter Grey */
+    --base04: #9a99a3; /* Bright Grey */
+    --base05: #b8bbc2; /* White */
+    --base06: #dbdde0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #d07346; /* Red */
+    --base09: #f0a000; /* Orange */
+    --base0A: #fbd461; /* Yellow */
+    --base0B: #99bf52; /* Green */
+    --base0C: #72b9bf; /* Cyan */
+    --base0D: #5299bf; /* Blue */
+    --base0E: #9989cc; /* Purple */
+    --base0F: #b08060; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-pico b/build/base16-pico
index 3748cba..fe9aec2 100644
--- a/build/base16-pico
+++ b/build/base16-pico
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #1d2b53; /* Bright Black */
+    --base02: #7e2553; /* Grey */
+    --base03: #008751; /* Brighter Grey */
+    --base04: #ab5236; /* Bright Grey */
+    --base05: #5f574f; /* White */
+    --base06: #c2c3c7; /* Brighter White */
+    --base07: #fff1e8; /* Bright White */
+    --base08: #ff004d; /* Red */
+    --base09: #ffa300; /* Orange */
+    --base0A: #fff024; /* Yellow */
+    --base0B: #00e756; /* Green */
+    --base0C: #29adff; /* Cyan */
+    --base0D: #83769c; /* Blue */
+    --base0E: #ff77a8; /* Purple */
+    --base0F: #ffccaa; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-pinky b/build/base16-pinky
index 7f1e5d9..87fdd48 100644
--- a/build/base16-pinky
+++ b/build/base16-pinky
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171517; /* Black */
+    --base01: #1b181b; /* Bright Black */
+    --base02: #1d1b1d; /* Grey */
+    --base03: #383338; /* Brighter Grey */
+    --base04: #e7dbdb; /* Bright Grey */
+    --base05: #f5f5f5; /* White */
+    --base06: #ffffff; /* Brighter White */
+    --base07: #f7f3f7; /* Bright White */
+    --base08: #ffa600; /* Red */
+    --base09: #00ff66; /* Orange */
+    --base0A: #20df6c; /* Yellow */
+    --base0B: #ff0066; /* Green */
+    --base0C: #6600ff; /* Cyan */
+    --base0D: #00ffff; /* Blue */
+    --base0E: #007fff; /* Purple */
+    --base0F: #df206c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-pop b/build/base16-pop
index 8e05240..b193f66 100644
--- a/build/base16-pop
+++ b/build/base16-pop
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #505050; /* Brighter Grey */
+    --base04: #b0b0b0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #eb008a; /* Red */
+    --base09: #f29333; /* Orange */
+    --base0A: #f8ca12; /* Yellow */
+    --base0B: #37b349; /* Green */
+    --base0C: #00aabb; /* Cyan */
+    --base0D: #0e5a94; /* Blue */
+    --base0E: #b31e8d; /* Purple */
+    --base0F: #7a2d00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-porple b/build/base16-porple
index dbfcca3..7a636d7 100644
--- a/build/base16-porple
+++ b/build/base16-porple
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292c36; /* Black */
+    --base01: #333344; /* Bright Black */
+    --base02: #474160; /* Grey */
+    --base03: #65568a; /* Brighter Grey */
+    --base04: #b8b8b8; /* Bright Grey */
+    --base05: #d8d8d8; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #f8f8f8; /* Bright White */
+    --base08: #f84547; /* Red */
+    --base09: #d28e5d; /* Orange */
+    --base0A: #efa16b; /* Yellow */
+    --base0B: #95c76f; /* Green */
+    --base0C: #64878f; /* Cyan */
+    --base0D: #8485ce; /* Blue */
+    --base0E: #b74989; /* Purple */
+    --base0F: #986841; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-precious-dark-eleven b/build/base16-precious-dark-eleven
index 3d06274..f94011d 100644
--- a/build/base16-precious-dark-eleven
+++ b/build/base16-precious-dark-eleven
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1e20; /* Black */
+    --base01: #292b2d; /* Bright Black */
+    --base02: #37393a; /* Grey */
+    --base03: #858585; /* Brighter Grey */
+    --base04: #a8a8a7; /* Bright Grey */
+    --base05: #b8b7b6; /* White */
+    --base06: #b8b7b6; /* Brighter White */
+    --base07: #b8b7b6; /* Bright White */
+    --base08: #ff8782; /* Red */
+    --base09: #ea9755; /* Orange */
+    --base0A: #d0a543; /* Yellow */
+    --base0B: #95b658; /* Green */
+    --base0C: #42bda7; /* Cyan */
+    --base0D: #68b0ee; /* Blue */
+    --base0E: #b799fe; /* Purple */
+    --base0F: #f382d8; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-precious-dark-fifteen b/build/base16-precious-dark-fifteen
index e95f10b..137c139 100644
--- a/build/base16-precious-dark-fifteen
+++ b/build/base16-precious-dark-fifteen
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #23262b; /* Black */
+    --base01: #303337; /* Bright Black */
+    --base02: #3e4044; /* Grey */
+    --base03: #898989; /* Brighter Grey */
+    --base04: #abaaa8; /* Bright Grey */
+    --base05: #bab9b6; /* White */
+    --base06: #bab9b6; /* Brighter White */
+    --base07: #bab9b6; /* Bright White */
+    --base08: #ff8782; /* Red */
+    --base09: #e99857; /* Orange */
+    --base0A: #cfa546; /* Yellow */
+    --base0B: #95b659; /* Green */
+    --base0C: #42bda7; /* Cyan */
+    --base0D: #66b0ef; /* Blue */
+    --base0E: #b799ff; /* Purple */
+    --base0F: #f382d8; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-precious-light-warm b/build/base16-precious-light-warm
index 9d366be..5b1ddde 100644
--- a/build/base16-precious-light-warm
+++ b/build/base16-precious-light-warm
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fff5e5; /* Black */
+    --base01: #ece4d6; /* Bright Black */
+    --base02: #d9d3c8; /* Grey */
+    --base03: #7f8080; /* Brighter Grey */
+    --base04: #5d6065; /* Bright Grey */
+    --base05: #4e5359; /* White */
+    --base06: #4e5359; /* Brighter White */
+    --base07: #4e5359; /* Bright White */
+    --base08: #b14745; /* Red */
+    --base09: #a25600; /* Orange */
+    --base0A: #876500; /* Yellow */
+    --base0B: #557300; /* Green */
+    --base0C: #0e7767; /* Cyan */
+    --base0D: #246da5; /* Blue */
+    --base0E: #7a50c6; /* Purple */
+    --base0F: #a83f92; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-precious-light-white b/build/base16-precious-light-white
index 0b42f35..cb8e211 100644
--- a/build/base16-precious-light-white
+++ b/build/base16-precious-light-white
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #ededed; /* Bright Black */
+    --base02: #dbdbdb; /* Grey */
+    --base03: #848484; /* Brighter Grey */
+    --base04: #636363; /* Bright Grey */
+    --base05: #555555; /* White */
+    --base06: #555555; /* Brighter White */
+    --base07: #555555; /* Bright White */
+    --base08: #af4947; /* Red */
+    --base09: #a0570d; /* Orange */
+    --base0A: #876500; /* Yellow */
+    --base0B: #557301; /* Green */
+    --base0C: #087767; /* Cyan */
+    --base0D: #186daa; /* Blue */
+    --base0E: #7b4ecb; /* Purple */
+    --base0F: #a93e93; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-primer-dark b/build/base16-primer-dark
index 4d0a41a..c91f16c 100644
--- a/build/base16-primer-dark
+++ b/build/base16-primer-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #010409; /* Black */
+    --base01: #21262d; /* Bright Black */
+    --base02: #30363d; /* Grey */
+    --base03: #484f58; /* Brighter Grey */
+    --base04: #8b949e; /* Bright Grey */
+    --base05: #b1bac4; /* White */
+    --base06: #c9d1d9; /* Brighter White */
+    --base07: #f0f6fc; /* Bright White */
+    --base08: #ff7b72; /* Red */
+    --base09: #f0883e; /* Orange */
+    --base0A: #d29922; /* Yellow */
+    --base0B: #3fb950; /* Green */
+    --base0C: #a5d6ff; /* Cyan */
+    --base0D: #58a6ff; /* Blue */
+    --base0E: #f778ba; /* Purple */
+    --base0F: #bd561d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-primer-dark-dimmed b/build/base16-primer-dark-dimmed
index 235c267..1455b5f 100644
--- a/build/base16-primer-dark-dimmed
+++ b/build/base16-primer-dark-dimmed
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c2128; /* Black */
+    --base01: #373e47; /* Bright Black */
+    --base02: #444c56; /* Grey */
+    --base03: #545d68; /* Brighter Grey */
+    --base04: #768390; /* Bright Grey */
+    --base05: #909dab; /* White */
+    --base06: #adbac7; /* Brighter White */
+    --base07: #cdd9e5; /* Bright White */
+    --base08: #f47067; /* Red */
+    --base09: #e0823d; /* Orange */
+    --base0A: #c69026; /* Yellow */
+    --base0B: #57ab5a; /* Green */
+    --base0C: #96d0ff; /* Cyan */
+    --base0D: #539bf5; /* Blue */
+    --base0E: #e275ad; /* Purple */
+    --base0F: #ae5622; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-primer-light b/build/base16-primer-light
index 28f11cd..42caa99 100644
--- a/build/base16-primer-light
+++ b/build/base16-primer-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fafbfc; /* Black */
+    --base01: #e1e4e8; /* Bright Black */
+    --base02: #d1d5da; /* Grey */
+    --base03: #959da5; /* Brighter Grey */
+    --base04: #444d56; /* Bright Grey */
+    --base05: #2f363d; /* White */
+    --base06: #24292e; /* Brighter White */
+    --base07: #1b1f23; /* Bright White */
+    --base08: #d73a49; /* Red */
+    --base09: #f66a0a; /* Orange */
+    --base0A: #ffd33d; /* Yellow */
+    --base0B: #28a745; /* Green */
+    --base0C: #79b8ff; /* Cyan */
+    --base0D: #0366d6; /* Blue */
+    --base0E: #ea4aaa; /* Purple */
+    --base0F: #a04100; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-purpledream b/build/base16-purpledream
index 8b5a993..7ca0f32 100644
--- a/build/base16-purpledream
+++ b/build/base16-purpledream
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #100510; /* Black */
+    --base01: #302030; /* Bright Black */
+    --base02: #403040; /* Grey */
+    --base03: #605060; /* Brighter Grey */
+    --base04: #bbb0bb; /* Bright Grey */
+    --base05: #ddd0dd; /* White */
+    --base06: #eee0ee; /* Brighter White */
+    --base07: #fff0ff; /* Bright White */
+    --base08: #ff1d0d; /* Red */
+    --base09: #ccae14; /* Orange */
+    --base0A: #f000a0; /* Yellow */
+    --base0B: #14cc64; /* Green */
+    --base0C: #0075b0; /* Cyan */
+    --base0D: #00a0f0; /* Blue */
+    --base0E: #b000d0; /* Purple */
+    --base0F: #6a2a3c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-qualia b/build/base16-qualia
index 9139628..91dc59a 100644
--- a/build/base16-qualia
+++ b/build/base16-qualia
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #101010; /* Black */
+    --base01: #454545; /* Bright Black */
+    --base02: #454545; /* Grey */
+    --base03: #454545; /* Brighter Grey */
+    --base04: #808080; /* Bright Grey */
+    --base05: #c0c0c0; /* White */
+    --base06: #c0c0c0; /* Brighter White */
+    --base07: #454545; /* Bright White */
+    --base08: #efa6a2; /* Red */
+    --base09: #a3b8ef; /* Orange */
+    --base0A: #e6a3dc; /* Yellow */
+    --base0B: #80c990; /* Green */
+    --base0C: #c8c874; /* Cyan */
+    --base0D: #50cacd; /* Blue */
+    --base0E: #e0af85; /* Purple */
+    --base0F: #808080; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-railscasts b/build/base16-railscasts
index 9ef3f70..12262e6 100644
--- a/build/base16-railscasts
+++ b/build/base16-railscasts
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2b2b2b; /* Black */
+    --base01: #272935; /* Bright Black */
+    --base02: #3a4055; /* Grey */
+    --base03: #5a647e; /* Brighter Grey */
+    --base04: #d4cfc9; /* Bright Grey */
+    --base05: #e6e1dc; /* White */
+    --base06: #f4f1ed; /* Brighter White */
+    --base07: #f9f7f3; /* Bright White */
+    --base08: #da4939; /* Red */
+    --base09: #cc7833; /* Orange */
+    --base0A: #ffc66d; /* Yellow */
+    --base0B: #a5c261; /* Green */
+    --base0C: #519f50; /* Cyan */
+    --base0D: #6d9cbe; /* Blue */
+    --base0E: #b6b3eb; /* Purple */
+    --base0F: #bc9458; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-rebecca b/build/base16-rebecca
index 37677e9..497c0ac 100644
--- a/build/base16-rebecca
+++ b/build/base16-rebecca
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #292a44; /* Black */
+    --base01: #663399; /* Bright Black */
+    --base02: #383a62; /* Grey */
+    --base03: #666699; /* Brighter Grey */
+    --base04: #a0a0c5; /* Bright Grey */
+    --base05: #f1eff8; /* White */
+    --base06: #ccccff; /* Brighter White */
+    --base07: #53495d; /* Bright White */
+    --base08: #a0a0c5; /* Red */
+    --base09: #efe4a1; /* Orange */
+    --base0A: #ae81ff; /* Yellow */
+    --base0B: #6dfedf; /* Green */
+    --base0C: #8eaee0; /* Cyan */
+    --base0D: #2de0a7; /* Blue */
+    --base0E: #7aa5ff; /* Purple */
+    --base0F: #ff79c6; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-rose-pine b/build/base16-rose-pine
index 029cca9..3daac8e 100644
--- a/build/base16-rose-pine
+++ b/build/base16-rose-pine
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #191724; /* Black */
+    --base01: #1f1d2e; /* Bright Black */
+    --base02: #26233a; /* Grey */
+    --base03: #6e6a86; /* Brighter Grey */
+    --base04: #908caa; /* Bright Grey */
+    --base05: #e0def4; /* White */
+    --base06: #e0def4; /* Brighter White */
+    --base07: #524f67; /* Bright White */
+    --base08: #eb6f92; /* Red */
+    --base09: #f6c177; /* Orange */
+    --base0A: #ebbcba; /* Yellow */
+    --base0B: #31748f; /* Green */
+    --base0C: #9ccfd8; /* Cyan */
+    --base0D: #c4a7e7; /* Blue */
+    --base0E: #f6c177; /* Purple */
+    --base0F: #524f67; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-rose-pine-dawn b/build/base16-rose-pine-dawn
index 0e37d3b..905a642 100644
--- a/build/base16-rose-pine-dawn
+++ b/build/base16-rose-pine-dawn
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #faf4ed; /* Black */
+    --base01: #fffaf3; /* Bright Black */
+    --base02: #f2e9de; /* Grey */
+    --base03: #9893a5; /* Brighter Grey */
+    --base04: #797593; /* Bright Grey */
+    --base05: #575279; /* White */
+    --base06: #575279; /* Brighter White */
+    --base07: #cecacd; /* Bright White */
+    --base08: #b4637a; /* Red */
+    --base09: #ea9d34; /* Orange */
+    --base0A: #d7827e; /* Yellow */
+    --base0B: #286983; /* Green */
+    --base0C: #56949f; /* Cyan */
+    --base0D: #907aa9; /* Blue */
+    --base0E: #ea9d34; /* Purple */
+    --base0F: #cecacd; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-rose-pine-moon b/build/base16-rose-pine-moon
index fd2550b..6701634 100644
--- a/build/base16-rose-pine-moon
+++ b/build/base16-rose-pine-moon
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #232136; /* Black */
+    --base01: #2a273f; /* Bright Black */
+    --base02: #393552; /* Grey */
+    --base03: #6e6a86; /* Brighter Grey */
+    --base04: #908caa; /* Bright Grey */
+    --base05: #e0def4; /* White */
+    --base06: #e0def4; /* Brighter White */
+    --base07: #56526e; /* Bright White */
+    --base08: #eb6f92; /* Red */
+    --base09: #f6c177; /* Orange */
+    --base0A: #ea9a97; /* Yellow */
+    --base0B: #3e8fb0; /* Green */
+    --base0C: #9ccfd8; /* Cyan */
+    --base0D: #c4a7e7; /* Blue */
+    --base0E: #f6c177; /* Purple */
+    --base0F: #56526e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-saga b/build/base16-saga
index 11feba5..a94cc0a 100644
--- a/build/base16-saga
+++ b/build/base16-saga
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #05080a; /* Black */
+    --base01: #0a1014; /* Bright Black */
+    --base02: #0f181e; /* Grey */
+    --base03: #141f27; /* Brighter Grey */
+    --base04: #192630; /* Bright Grey */
+    --base05: #dce2f7; /* White */
+    --base06: #f8eae7; /* Brighter White */
+    --base07: #ccd3fe; /* Bright White */
+    --base08: #ffd4e9; /* Red */
+    --base09: #fbcbae; /* Orange */
+    --base0A: #fbebc8; /* Yellow */
+    --base0B: #f7ddff; /* Green */
+    --base0C: #c5edc1; /* Cyan */
+    --base0D: #c9fff7; /* Blue */
+    --base0E: #dcc3f9; /* Purple */
+    --base0F: #f6dddd; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-sagelight b/build/base16-sagelight
index 5ed8fb7..acde3f2 100644
--- a/build/base16-sagelight
+++ b/build/base16-sagelight
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f8f8f8; /* Black */
+    --base01: #e8e8e8; /* Bright Black */
+    --base02: #d8d8d8; /* Grey */
+    --base03: #b8b8b8; /* Brighter Grey */
+    --base04: #585858; /* Bright Grey */
+    --base05: #383838; /* White */
+    --base06: #282828; /* Brighter White */
+    --base07: #181818; /* Bright White */
+    --base08: #fa8480; /* Red */
+    --base09: #ffaa61; /* Orange */
+    --base0A: #ffdc61; /* Yellow */
+    --base0B: #a0d2c8; /* Green */
+    --base0C: #a2d6f5; /* Cyan */
+    --base0D: #a0a7d2; /* Blue */
+    --base0E: #c8a0d2; /* Purple */
+    --base0F: #d2b2a0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-sakura b/build/base16-sakura
index 10be14a..769e973 100644
--- a/build/base16-sakura
+++ b/build/base16-sakura
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #feedf3; /* Black */
+    --base01: #f8e2e7; /* Bright Black */
+    --base02: #e0ccd1; /* Grey */
+    --base03: #755f64; /* Brighter Grey */
+    --base04: #665055; /* Bright Grey */
+    --base05: #564448; /* White */
+    --base06: #42383a; /* Brighter White */
+    --base07: #33292b; /* Bright White */
+    --base08: #df2d52; /* Red */
+    --base09: #f6661e; /* Orange */
+    --base0A: #c29461; /* Yellow */
+    --base0B: #2e916d; /* Green */
+    --base0C: #1d8991; /* Cyan */
+    --base0D: #006e93; /* Blue */
+    --base0E: #5e2180; /* Purple */
+    --base0F: #ba0d35; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-sandcastle b/build/base16-sandcastle
index 03ba8a8..9f4385a 100644
--- a/build/base16-sandcastle
+++ b/build/base16-sandcastle
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282c34; /* Black */
+    --base01: #2c323b; /* Bright Black */
+    --base02: #3e4451; /* Grey */
+    --base03: #665c54; /* Brighter Grey */
+    --base04: #928374; /* Bright Grey */
+    --base05: #a89984; /* White */
+    --base06: #d5c4a1; /* Brighter White */
+    --base07: #fdf4c1; /* Bright White */
+    --base08: #83a598; /* Red */
+    --base09: #a07e3b; /* Orange */
+    --base0A: #a07e3b; /* Yellow */
+    --base0B: #528b8b; /* Green */
+    --base0C: #83a598; /* Cyan */
+    --base0D: #83a598; /* Blue */
+    --base0E: #d75f5f; /* Purple */
+    --base0F: #a87322; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-selenized-black b/build/base16-selenized-black
index fc50df1..855b888 100644
--- a/build/base16-selenized-black
+++ b/build/base16-selenized-black
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #181818; /* Black */
+    --base01: #252525; /* Bright Black */
+    --base02: #3b3b3b; /* Grey */
+    --base03: #777777; /* Brighter Grey */
+    --base04: #777777; /* Bright Grey */
+    --base05: #b9b9b9; /* White */
+    --base06: #dedede; /* Brighter White */
+    --base07: #dedede; /* Bright White */
+    --base08: #ed4a46; /* Red */
+    --base09: #e67f43; /* Orange */
+    --base0A: #dbb32d; /* Yellow */
+    --base0B: #70b433; /* Green */
+    --base0C: #3fc5b7; /* Cyan */
+    --base0D: #368aeb; /* Blue */
+    --base0E: #a580e2; /* Purple */
+    --base0F: #eb6eb7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-selenized-dark b/build/base16-selenized-dark
index 407c72f..2657526 100644
--- a/build/base16-selenized-dark
+++ b/build/base16-selenized-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #103c48; /* Black */
+    --base01: #184956; /* Bright Black */
+    --base02: #2d5b69; /* Grey */
+    --base03: #72898f; /* Brighter Grey */
+    --base04: #72898f; /* Bright Grey */
+    --base05: #adbcbc; /* White */
+    --base06: #cad8d9; /* Brighter White */
+    --base07: #cad8d9; /* Bright White */
+    --base08: #fa5750; /* Red */
+    --base09: #ed8649; /* Orange */
+    --base0A: #dbb32d; /* Yellow */
+    --base0B: #75b938; /* Green */
+    --base0C: #41c7b9; /* Cyan */
+    --base0D: #4695f7; /* Blue */
+    --base0E: #af88eb; /* Purple */
+    --base0F: #f275be; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-selenized-light b/build/base16-selenized-light
index ef9faae..789d09a 100644
--- a/build/base16-selenized-light
+++ b/build/base16-selenized-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbf3db; /* Black */
+    --base01: #ece3cc; /* Bright Black */
+    --base02: #d5cdb6; /* Grey */
+    --base03: #909995; /* Brighter Grey */
+    --base04: #909995; /* Bright Grey */
+    --base05: #53676d; /* White */
+    --base06: #3a4d53; /* Brighter White */
+    --base07: #3a4d53; /* Bright White */
+    --base08: #cc1729; /* Red */
+    --base09: #bc5819; /* Orange */
+    --base0A: #a78300; /* Yellow */
+    --base0B: #428b00; /* Green */
+    --base0C: #00978a; /* Cyan */
+    --base0D: #006dce; /* Blue */
+    --base0E: #825dc0; /* Purple */
+    --base0F: #c44392; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-selenized-white b/build/base16-selenized-white
index 709c0ab..c5f6311 100644
--- a/build/base16-selenized-white
+++ b/build/base16-selenized-white
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #ebebeb; /* Bright Black */
+    --base02: #cdcdcd; /* Grey */
+    --base03: #878787; /* Brighter Grey */
+    --base04: #878787; /* Bright Grey */
+    --base05: #474747; /* White */
+    --base06: #282828; /* Brighter White */
+    --base07: #282828; /* Bright White */
+    --base08: #bf0000; /* Red */
+    --base09: #ba3700; /* Orange */
+    --base0A: #af8500; /* Yellow */
+    --base0B: #008400; /* Green */
+    --base0C: #009a8a; /* Cyan */
+    --base0D: #0054cf; /* Blue */
+    --base0E: #6b40c3; /* Purple */
+    --base0F: #dd0f9d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-seti b/build/base16-seti
index 923ee09..86d0708 100644
--- a/build/base16-seti
+++ b/build/base16-seti
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #151718; /* Black */
+    --base01: #282a2b; /* Bright Black */
+    --base02: #3b758c; /* Grey */
+    --base03: #41535b; /* Brighter Grey */
+    --base04: #43a5d5; /* Bright Grey */
+    --base05: #d6d6d6; /* White */
+    --base06: #eeeeee; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #cd3f45; /* Red */
+    --base09: #db7b55; /* Orange */
+    --base0A: #e6cd69; /* Yellow */
+    --base0B: #9fca56; /* Green */
+    --base0C: #55dbbe; /* Cyan */
+    --base0D: #55b5db; /* Blue */
+    --base0E: #a074c4; /* Purple */
+    --base0F: #8a553f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-shades-of-purple b/build/base16-shades-of-purple
index 6be2bb2..41d6c73 100644
--- a/build/base16-shades-of-purple
+++ b/build/base16-shades-of-purple
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1e1e3f; /* Black */
+    --base01: #43d426; /* Bright Black */
+    --base02: #f1d000; /* Grey */
+    --base03: #808080; /* Brighter Grey */
+    --base04: #6871ff; /* Bright Grey */
+    --base05: #c7c7c7; /* White */
+    --base06: #ff77ff; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #d90429; /* Red */
+    --base09: #f92a1c; /* Orange */
+    --base0A: #ffe700; /* Yellow */
+    --base0B: #3ad900; /* Green */
+    --base0C: #00c5c7; /* Cyan */
+    --base0D: #6943ff; /* Blue */
+    --base0E: #ff2c70; /* Purple */
+    --base0F: #79e8fb; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-shadesmear-dark b/build/base16-shadesmear-dark
index 6d87896..fc8c05e 100644
--- a/build/base16-shadesmear-dark
+++ b/build/base16-shadesmear-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #232323; /* Black */
+    --base01: #1c1c1c; /* Bright Black */
+    --base02: #4e4e4e; /* Grey */
+    --base03: #c0c0c0; /* Brighter Grey */
+    --base04: #e4e4e4; /* Bright Grey */
+    --base05: #dbdbdb; /* White */
+    --base06: #e4e4e4; /* Brighter White */
+    --base07: #1c1c1c; /* Bright White */
+    --base08: #cc5450; /* Red */
+    --base09: #a64270; /* Orange */
+    --base0A: #307878; /* Yellow */
+    --base0B: #71983b; /* Green */
+    --base0C: #c57d42; /* Cyan */
+    --base0D: #376388; /* Blue */
+    --base0E: #d7ab54; /* Purple */
+    --base0F: #6d6d6d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-shadesmear-light b/build/base16-shadesmear-light
index 0c55baa..3016d8f 100644
--- a/build/base16-shadesmear-light
+++ b/build/base16-shadesmear-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #dbdbdb; /* Black */
+    --base01: #e4e4e4; /* Bright Black */
+    --base02: #c0c0c0; /* Grey */
+    --base03: #4e4e4e; /* Brighter Grey */
+    --base04: #1c1c1c; /* Bright Grey */
+    --base05: #232323; /* White */
+    --base06: #1c1c1c; /* Brighter White */
+    --base07: #e4e4e4; /* Bright White */
+    --base08: #cc5450; /* Red */
+    --base09: #a64270; /* Orange */
+    --base0A: #307878; /* Yellow */
+    --base0B: #71983b; /* Green */
+    --base0C: #c57d42; /* Cyan */
+    --base0D: #376388; /* Blue */
+    --base0E: #d7ab54; /* Purple */
+    --base0F: #6d6d6d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-shapeshifter b/build/base16-shapeshifter
index b11525d..ee0db3f 100644
--- a/build/base16-shapeshifter
+++ b/build/base16-shapeshifter
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f9f9f9; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #ababab; /* Grey */
+    --base03: #555555; /* Brighter Grey */
+    --base04: #343434; /* Bright Grey */
+    --base05: #102015; /* White */
+    --base06: #040404; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #e92f2f; /* Red */
+    --base09: #e09448; /* Orange */
+    --base0A: #dddd13; /* Yellow */
+    --base0B: #0ed839; /* Green */
+    --base0C: #23edda; /* Cyan */
+    --base0D: #3b48e3; /* Blue */
+    --base0E: #f996e2; /* Purple */
+    --base0F: #69542d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-silk-dark b/build/base16-silk-dark
index 422b0d6..3b21d0b 100644
--- a/build/base16-silk-dark
+++ b/build/base16-silk-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0e3c46; /* Black */
+    --base01: #1d494e; /* Bright Black */
+    --base02: #2a5054; /* Grey */
+    --base03: #587073; /* Brighter Grey */
+    --base04: #9dc8cd; /* Bright Grey */
+    --base05: #c7dbdd; /* White */
+    --base06: #cbf2f7; /* Brighter White */
+    --base07: #d2faff; /* Bright White */
+    --base08: #fb6953; /* Red */
+    --base09: #fcab74; /* Orange */
+    --base0A: #fce380; /* Yellow */
+    --base0B: #73d8ad; /* Green */
+    --base0C: #3fb2b9; /* Cyan */
+    --base0D: #46bddd; /* Blue */
+    --base0E: #756b8a; /* Purple */
+    --base0F: #9b647b; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-silk-light b/build/base16-silk-light
index 39c2bc5..520f98e 100644
--- a/build/base16-silk-light
+++ b/build/base16-silk-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #e9f1ef; /* Black */
+    --base01: #ccd4d3; /* Bright Black */
+    --base02: #90b7b6; /* Grey */
+    --base03: #5c787b; /* Brighter Grey */
+    --base04: #4b5b5f; /* Bright Grey */
+    --base05: #385156; /* White */
+    --base06: #0e3c46; /* Brighter White */
+    --base07: #d2faff; /* Bright White */
+    --base08: #cf432e; /* Red */
+    --base09: #d27f46; /* Orange */
+    --base0A: #cfad25; /* Yellow */
+    --base0B: #6ca38c; /* Green */
+    --base0C: #329ca2; /* Cyan */
+    --base0D: #39aac9; /* Blue */
+    --base0E: #6e6582; /* Purple */
+    --base0F: #865369; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-snazzy b/build/base16-snazzy
index 1d9fc04..2771d2a 100644
--- a/build/base16-snazzy
+++ b/build/base16-snazzy
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282a36; /* Black */
+    --base01: #34353e; /* Bright Black */
+    --base02: #43454f; /* Grey */
+    --base03: #78787e; /* Brighter Grey */
+    --base04: #a5a5a9; /* Bright Grey */
+    --base05: #e2e4e5; /* White */
+    --base06: #eff0eb; /* Brighter White */
+    --base07: #f1f1f0; /* Bright White */
+    --base08: #ff5c57; /* Red */
+    --base09: #ff9f43; /* Orange */
+    --base0A: #f3f99d; /* Yellow */
+    --base0B: #5af78e; /* Green */
+    --base0C: #9aedfe; /* Cyan */
+    --base0D: #57c7ff; /* Blue */
+    --base0E: #ff6ac1; /* Purple */
+    --base0F: #b2643c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-soft-server b/build/base16-soft-server
index 1c021d8..39825f3 100644
--- a/build/base16-soft-server
+++ b/build/base16-soft-server
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #211e2a; /* Black */
+    --base01: #2c2737; /* Bright Black */
+    --base02: #3f3951; /* Grey */
+    --base03: #6e6780; /* Brighter Grey */
+    --base04: #8a829e; /* Bright Grey */
+    --base05: #e4dee9; /* White */
+    --base06: #f2e8f0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #e965a5; /* Red */
+    --base09: #f4b870; /* Orange */
+    --base0A: #ebde76; /* Yellow */
+    --base0B: #b1f2a7; /* Green */
+    --base0C: #b3f4f3; /* Cyan */
+    --base0D: #95a6f4; /* Blue */
+    --base0E: #ff79c6; /* Purple */
+    --base0F: #bd93f9; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-solarflare b/build/base16-solarflare
index c9bc3fb..679e8de 100644
--- a/build/base16-solarflare
+++ b/build/base16-solarflare
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #18262f; /* Black */
+    --base01: #222e38; /* Bright Black */
+    --base02: #586875; /* Grey */
+    --base03: #667581; /* Brighter Grey */
+    --base04: #85939e; /* Bright Grey */
+    --base05: #a6afb8; /* White */
+    --base06: #e8e9ed; /* Brighter White */
+    --base07: #f5f7fa; /* Bright White */
+    --base08: #ef5253; /* Red */
+    --base09: #e66b2b; /* Orange */
+    --base0A: #e4b51c; /* Yellow */
+    --base0B: #7cc844; /* Green */
+    --base0C: #52cbb0; /* Cyan */
+    --base0D: #33b5e1; /* Blue */
+    --base0E: #a363d5; /* Purple */
+    --base0F: #d73c9a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-solarflare-light b/build/base16-solarflare-light
index 8e284b1..fc3d29d 100644
--- a/build/base16-solarflare-light
+++ b/build/base16-solarflare-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f5f7fa; /* Black */
+    --base01: #e8e9ed; /* Bright Black */
+    --base02: #a6afb8; /* Grey */
+    --base03: #85939e; /* Brighter Grey */
+    --base04: #667581; /* Bright Grey */
+    --base05: #586875; /* White */
+    --base06: #222e38; /* Brighter White */
+    --base07: #18262f; /* Bright White */
+    --base08: #ef5253; /* Red */
+    --base09: #e66b2b; /* Orange */
+    --base0A: #e4b51c; /* Yellow */
+    --base0B: #7cc844; /* Green */
+    --base0C: #52cbb0; /* Cyan */
+    --base0D: #33b5e1; /* Blue */
+    --base0E: #a363d5; /* Purple */
+    --base0F: #d73c9a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-solarized-dark b/build/base16-solarized-dark
index 00a4e62..ee6a02c 100644
--- a/build/base16-solarized-dark
+++ b/build/base16-solarized-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #002b36; /* Black */
+    --base01: #073642; /* Bright Black */
+    --base02: #586e75; /* Grey */
+    --base03: #657b83; /* Brighter Grey */
+    --base04: #839496; /* Bright Grey */
+    --base05: #93a1a1; /* White */
+    --base06: #eee8d5; /* Brighter White */
+    --base07: #fdf6e3; /* Bright White */
+    --base08: #dc322f; /* Red */
+    --base09: #cb4b16; /* Orange */
+    --base0A: #b58900; /* Yellow */
+    --base0B: #859900; /* Green */
+    --base0C: #2aa198; /* Cyan */
+    --base0D: #268bd2; /* Blue */
+    --base0E: #6c71c4; /* Purple */
+    --base0F: #d33682; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-solarized-light b/build/base16-solarized-light
index fc3fa1d..029a38d 100644
--- a/build/base16-solarized-light
+++ b/build/base16-solarized-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fdf6e3; /* Black */
+    --base01: #eee8d5; /* Bright Black */
+    --base02: #93a1a1; /* Grey */
+    --base03: #839496; /* Brighter Grey */
+    --base04: #657b83; /* Bright Grey */
+    --base05: #586e75; /* White */
+    --base06: #073642; /* Brighter White */
+    --base07: #002b36; /* Bright White */
+    --base08: #dc322f; /* Red */
+    --base09: #cb4b16; /* Orange */
+    --base0A: #b58900; /* Yellow */
+    --base0B: #859900; /* Green */
+    --base0C: #2aa198; /* Cyan */
+    --base0D: #268bd2; /* Blue */
+    --base0E: #6c71c4; /* Purple */
+    --base0F: #d33682; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-spaceduck b/build/base16-spaceduck
index 71b7802..378fae7 100644
--- a/build/base16-spaceduck
+++ b/build/base16-spaceduck
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #16172d; /* Black */
+    --base01: #1b1c36; /* Bright Black */
+    --base02: #30365f; /* Grey */
+    --base03: #686f9a; /* Brighter Grey */
+    --base04: #818596; /* Bright Grey */
+    --base05: #ecf0c1; /* White */
+    --base06: #c1c3cc; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #e33400; /* Red */
+    --base09: #e39400; /* Orange */
+    --base0A: #f2ce00; /* Yellow */
+    --base0B: #5ccc96; /* Green */
+    --base0C: #00a3cc; /* Cyan */
+    --base0D: #7a5ccc; /* Blue */
+    --base0E: #b3a1e6; /* Purple */
+    --base0F: #ce6f8f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-spacemacs b/build/base16-spacemacs
index 40c6624..20a1f0b 100644
--- a/build/base16-spacemacs
+++ b/build/base16-spacemacs
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1f2022; /* Black */
+    --base01: #282828; /* Bright Black */
+    --base02: #444155; /* Grey */
+    --base03: #585858; /* Brighter Grey */
+    --base04: #b8b8b8; /* Bright Grey */
+    --base05: #a3a3a3; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #f8f8f8; /* Bright White */
+    --base08: #f2241f; /* Red */
+    --base09: #ffa500; /* Orange */
+    --base0A: #b1951d; /* Yellow */
+    --base0B: #67b11d; /* Green */
+    --base0C: #2d9574; /* Cyan */
+    --base0D: #4f97d7; /* Blue */
+    --base0E: #a31db1; /* Purple */
+    --base0F: #b03060; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-sparky b/build/base16-sparky
index ed463e4..46f95ad 100644
--- a/build/base16-sparky
+++ b/build/base16-sparky
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #072b31; /* Black */
+    --base01: #00313c; /* Bright Black */
+    --base02: #003c46; /* Grey */
+    --base03: #003b49; /* Brighter Grey */
+    --base04: #00778b; /* Bright Grey */
+    --base05: #f4f5f0; /* White */
+    --base06: #f5f5f1; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff585d; /* Red */
+    --base09: #ff8f1c; /* Orange */
+    --base0A: #fbdd40; /* Yellow */
+    --base0B: #78d64b; /* Green */
+    --base0C: #2dccd3; /* Cyan */
+    --base0D: #4698cb; /* Blue */
+    --base0E: #d59ed7; /* Purple */
+    --base0F: #9b704d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-standardized-dark b/build/base16-standardized-dark
index 1e653e6..5da470d 100644
--- a/build/base16-standardized-dark
+++ b/build/base16-standardized-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #222222; /* Black */
+    --base01: #303030; /* Bright Black */
+    --base02: #555555; /* Grey */
+    --base03: #898989; /* Brighter Grey */
+    --base04: #898989; /* Bright Grey */
+    --base05: #c0c0c0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #e15d67; /* Red */
+    --base09: #fc804e; /* Orange */
+    --base0A: #e1b31a; /* Yellow */
+    --base0B: #5db129; /* Green */
+    --base0C: #21c992; /* Cyan */
+    --base0D: #00a3f2; /* Blue */
+    --base0E: #b46ee0; /* Purple */
+    --base0F: #b87d28; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-standardized-light b/build/base16-standardized-light
index 45d1f10..a07832e 100644
--- a/build/base16-standardized-light
+++ b/build/base16-standardized-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #eeeeee; /* Bright Black */
+    --base02: #cccccc; /* Grey */
+    --base03: #767676; /* Brighter Grey */
+    --base04: #767676; /* Bright Grey */
+    --base05: #444444; /* White */
+    --base06: #333333; /* Brighter White */
+    --base07: #222222; /* Bright White */
+    --base08: #d03e3e; /* Red */
+    --base09: #d7691d; /* Orange */
+    --base0A: #ad8200; /* Yellow */
+    --base0B: #31861f; /* Green */
+    --base0C: #00998f; /* Cyan */
+    --base0D: #3173c5; /* Blue */
+    --base0E: #9e57c2; /* Purple */
+    --base0F: #895025; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-stella b/build/base16-stella
index 8fec383..f9234a6 100644
--- a/build/base16-stella
+++ b/build/base16-stella
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2b213c; /* Black */
+    --base01: #362b48; /* Bright Black */
+    --base02: #4d4160; /* Grey */
+    --base03: #655978; /* Brighter Grey */
+    --base04: #7f7192; /* Bright Grey */
+    --base05: #998bad; /* White */
+    --base06: #b4a5c8; /* Brighter White */
+    --base07: #ebdcff; /* Bright White */
+    --base08: #c79987; /* Red */
+    --base09: #8865c6; /* Orange */
+    --base0A: #c7c691; /* Yellow */
+    --base0B: #acc79b; /* Green */
+    --base0C: #9bc7bf; /* Cyan */
+    --base0D: #a5aad4; /* Blue */
+    --base0E: #c594ff; /* Purple */
+    --base0F: #c7ab87; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-still-alive b/build/base16-still-alive
index 241575f..a908be7 100644
--- a/build/base16-still-alive
+++ b/build/base16-still-alive
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f0f0f0; /* Black */
+    --base01: #d6d6d6; /* Bright Black */
+    --base02: #bdbdbd; /* Grey */
+    --base03: #a3a3a3; /* Brighter Grey */
+    --base04: #605758; /* Bright Grey */
+    --base05: #4c383b; /* White */
+    --base06: #331f21; /* Brighter White */
+    --base07: #140c0d; /* Bright White */
+    --base08: #d80000; /* Red */
+    --base09: #f0d848; /* Orange */
+    --base0A: #fff018; /* Yellow */
+    --base0B: #30a860; /* Green */
+    --base0C: #36d3ff; /* Cyan */
+    --base0D: #365eff; /* Blue */
+    --base0E: #9036ff; /* Purple */
+    --base0F: #140c0d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-summercamp b/build/base16-summercamp
index a83f6a8..8ba933d 100644
--- a/build/base16-summercamp
+++ b/build/base16-summercamp
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1c1810; /* Black */
+    --base01: #2a261c; /* Bright Black */
+    --base02: #3a3527; /* Grey */
+    --base03: #504b38; /* Brighter Grey */
+    --base04: #5f5b45; /* Bright Grey */
+    --base05: #736e55; /* White */
+    --base06: #bab696; /* Brighter White */
+    --base07: #f8f5de; /* Bright White */
+    --base08: #e35142; /* Red */
+    --base09: #fba11b; /* Orange */
+    --base0A: #f2ff27; /* Yellow */
+    --base0B: #5ceb5a; /* Green */
+    --base0C: #5aebbc; /* Cyan */
+    --base0D: #489bf0; /* Blue */
+    --base0E: #ff8080; /* Purple */
+    --base0F: #f69be7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-summerfruit-dark b/build/base16-summerfruit-dark
index 3bd07f3..11d7012 100644
--- a/build/base16-summerfruit-dark
+++ b/build/base16-summerfruit-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #151515; /* Black */
+    --base01: #202020; /* Bright Black */
+    --base02: #303030; /* Grey */
+    --base03: #505050; /* Brighter Grey */
+    --base04: #b0b0b0; /* Bright Grey */
+    --base05: #d0d0d0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff0086; /* Red */
+    --base09: #fd8900; /* Orange */
+    --base0A: #aba800; /* Yellow */
+    --base0B: #00c918; /* Green */
+    --base0C: #1faaaa; /* Cyan */
+    --base0D: #3777e6; /* Blue */
+    --base0E: #ad00a1; /* Purple */
+    --base0F: #cc6633; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-summerfruit-light b/build/base16-summerfruit-light
index 14f8a61..36cbcea 100644
--- a/build/base16-summerfruit-light
+++ b/build/base16-summerfruit-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #d0d0d0; /* Grey */
+    --base03: #b0b0b0; /* Brighter Grey */
+    --base04: #000000; /* Bright Grey */
+    --base05: #101010; /* White */
+    --base06: #151515; /* Brighter White */
+    --base07: #202020; /* Bright White */
+    --base08: #ff0086; /* Red */
+    --base09: #fd8900; /* Orange */
+    --base0A: #aba800; /* Yellow */
+    --base0B: #00c918; /* Green */
+    --base0C: #1faaaa; /* Cyan */
+    --base0D: #3777e6; /* Blue */
+    --base0E: #ad00a1; /* Purple */
+    --base0F: #cc6633; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-synth-midnight-dark b/build/base16-synth-midnight-dark
index d9c2a84..ccaa187 100644
--- a/build/base16-synth-midnight-dark
+++ b/build/base16-synth-midnight-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #050608; /* Black */
+    --base01: #1a1b1c; /* Bright Black */
+    --base02: #28292a; /* Grey */
+    --base03: #474849; /* Brighter Grey */
+    --base04: #a3a5a6; /* Bright Grey */
+    --base05: #c1c3c4; /* White */
+    --base06: #cfd1d2; /* Brighter White */
+    --base07: #dddfe0; /* Bright White */
+    --base08: #b53b50; /* Red */
+    --base09: #ea770d; /* Orange */
+    --base0A: #c9d364; /* Yellow */
+    --base0B: #06ea61; /* Green */
+    --base0C: #42fff9; /* Cyan */
+    --base0D: #03aeff; /* Blue */
+    --base0E: #ea5ce2; /* Purple */
+    --base0F: #cd6320; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-synth-midnight-light b/build/base16-synth-midnight-light
index 3d7d87c..a107740 100644
--- a/build/base16-synth-midnight-light
+++ b/build/base16-synth-midnight-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #dddfe0; /* Black */
+    --base01: #cfd1d2; /* Bright Black */
+    --base02: #c1c3c4; /* Grey */
+    --base03: #a3a5a6; /* Brighter Grey */
+    --base04: #474849; /* Bright Grey */
+    --base05: #28292a; /* White */
+    --base06: #1a1b1c; /* Brighter White */
+    --base07: #050608; /* Bright White */
+    --base08: #b53b50; /* Red */
+    --base09: #ea770d; /* Orange */
+    --base0A: #c9d364; /* Yellow */
+    --base0B: #06ea61; /* Green */
+    --base0C: #42fff9; /* Cyan */
+    --base0D: #03aeff; /* Blue */
+    --base0E: #ea5ce2; /* Purple */
+    --base0F: #cd6320; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tango b/build/base16-tango
index 01e7fe1..f152b65 100644
--- a/build/base16-tango
+++ b/build/base16-tango
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2e3436; /* Black */
+    --base01: #8ae234; /* Bright Black */
+    --base02: #fce94f; /* Grey */
+    --base03: #555753; /* Brighter Grey */
+    --base04: #729fcf; /* Bright Grey */
+    --base05: #d3d7cf; /* White */
+    --base06: #ad7fa8; /* Brighter White */
+    --base07: #eeeeec; /* Bright White */
+    --base08: #cc0000; /* Red */
+    --base09: #ef2929; /* Orange */
+    --base0A: #c4a000; /* Yellow */
+    --base0B: #4e9a06; /* Green */
+    --base0C: #06989a; /* Cyan */
+    --base0D: #3465a4; /* Blue */
+    --base0E: #75507b; /* Purple */
+    --base0F: #34e2e2; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tarot b/build/base16-tarot
index e113c14..722a568 100644
--- a/build/base16-tarot
+++ b/build/base16-tarot
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0e091d; /* Black */
+    --base01: #2a153c; /* Bright Black */
+    --base02: #4b2054; /* Grey */
+    --base03: #74316b; /* Brighter Grey */
+    --base04: #8c406f; /* Bright Grey */
+    --base05: #aa556f; /* White */
+    --base06: #c4686d; /* Brighter White */
+    --base07: #dc8f7c; /* Bright White */
+    --base08: #c53253; /* Red */
+    --base09: #ea4d60; /* Orange */
+    --base0A: #ff6565; /* Yellow */
+    --base0B: #a68e5a; /* Green */
+    --base0C: #8c9785; /* Cyan */
+    --base0D: #6e6080; /* Blue */
+    --base0E: #a45782; /* Purple */
+    --base0F: #984d51; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tender b/build/base16-tender
index 3e79f96..f7b88a7 100644
--- a/build/base16-tender
+++ b/build/base16-tender
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282828; /* Black */
+    --base01: #383838; /* Bright Black */
+    --base02: #484848; /* Grey */
+    --base03: #4c4c4c; /* Brighter Grey */
+    --base04: #b8b8b8; /* Bright Grey */
+    --base05: #eeeeee; /* White */
+    --base06: #e8e8e8; /* Brighter White */
+    --base07: #feffff; /* Bright White */
+    --base08: #f43753; /* Red */
+    --base09: #dc9656; /* Orange */
+    --base0A: #ffc24b; /* Yellow */
+    --base0B: #c9d05c; /* Green */
+    --base0C: #73cef4; /* Cyan */
+    --base0D: #b3deef; /* Blue */
+    --base0E: #d3b987; /* Purple */
+    --base0F: #a16946; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-terracotta b/build/base16-terracotta
index c4c9a9f..a8dd2fe 100644
--- a/build/base16-terracotta
+++ b/build/base16-terracotta
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #efeae8; /* Black */
+    --base01: #dfd6d1; /* Bright Black */
+    --base02: #d0c1bb; /* Grey */
+    --base03: #c0aca4; /* Brighter Grey */
+    --base04: #59453d; /* Bright Grey */
+    --base05: #473731; /* White */
+    --base06: #352a25; /* Brighter White */
+    --base07: #241c19; /* Bright White */
+    --base08: #a75045; /* Red */
+    --base09: #bd6942; /* Orange */
+    --base0A: #ce943e; /* Yellow */
+    --base0B: #7a894a; /* Green */
+    --base0C: #847f9e; /* Cyan */
+    --base0D: #625574; /* Blue */
+    --base0E: #8d5968; /* Purple */
+    --base0F: #b07158; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-terracotta-dark b/build/base16-terracotta-dark
index 4f6d7c5..69f0af8 100644
--- a/build/base16-terracotta-dark
+++ b/build/base16-terracotta-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #241d1a; /* Black */
+    --base01: #362b27; /* Bright Black */
+    --base02: #473933; /* Grey */
+    --base03: #594740; /* Brighter Grey */
+    --base04: #a78e84; /* Bright Grey */
+    --base05: #b8a59d; /* White */
+    --base06: #cabbb5; /* Brighter White */
+    --base07: #dcd2ce; /* Bright White */
+    --base08: #f6998f; /* Red */
+    --base09: #ffa888; /* Orange */
+    --base0A: #ffc37a; /* Yellow */
+    --base0B: #b6c68a; /* Green */
+    --base0C: #c0bcdb; /* Cyan */
+    --base0D: #b0a4c3; /* Blue */
+    --base0E: #d8a2b0; /* Purple */
+    --base0F: #f1ae97; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-city-dark b/build/base16-tokyo-city-dark
index 70ce168..d8d6948 100644
--- a/build/base16-tokyo-city-dark
+++ b/build/base16-tokyo-city-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171d23; /* Black */
+    --base01: #1d252c; /* Bright Black */
+    --base02: #28323a; /* Grey */
+    --base03: #526270; /* Brighter Grey */
+    --base04: #b7c5d3; /* Bright Grey */
+    --base05: #d8e2ec; /* White */
+    --base06: #f6f6f8; /* Brighter White */
+    --base07: #fbfbfd; /* Bright White */
+    --base08: #f7768e; /* Red */
+    --base09: #ff9e64; /* Orange */
+    --base0A: #b7c5d3; /* Yellow */
+    --base0B: #9ece6a; /* Green */
+    --base0C: #89ddff; /* Cyan */
+    --base0D: #7aa2f7; /* Blue */
+    --base0E: #bb9af7; /* Purple */
+    --base0F: #bb9af7; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-city-light b/build/base16-tokyo-city-light
index 31cd9b7..08fd25b 100644
--- a/build/base16-tokyo-city-light
+++ b/build/base16-tokyo-city-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbfbfd; /* Black */
+    --base01: #f6f6f8; /* Bright Black */
+    --base02: #edeff6; /* Grey */
+    --base03: #9699a3; /* Brighter Grey */
+    --base04: #4c505e; /* Bright Grey */
+    --base05: #343b59; /* White */
+    --base06: #1d252c; /* Brighter White */
+    --base07: #171d23; /* Bright White */
+    --base08: #8c4351; /* Red */
+    --base09: #965027; /* Orange */
+    --base0A: #4c505e; /* Yellow */
+    --base0B: #485e30; /* Green */
+    --base0C: #4c505e; /* Cyan */
+    --base0D: #34548a; /* Blue */
+    --base0E: #5a4a78; /* Purple */
+    --base0F: #5a4a78; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-city-terminal-dark b/build/base16-tokyo-city-terminal-dark
index d5eb459..eeb01b0 100644
--- a/build/base16-tokyo-city-terminal-dark
+++ b/build/base16-tokyo-city-terminal-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #171d23; /* Black */
+    --base01: #1d252c; /* Bright Black */
+    --base02: #28323a; /* Grey */
+    --base03: #526270; /* Brighter Grey */
+    --base04: #b7c5d3; /* Bright Grey */
+    --base05: #d8e2ec; /* White */
+    --base06: #f6f6f8; /* Brighter White */
+    --base07: #fbfbfd; /* Bright White */
+    --base08: #d95468; /* Red */
+    --base09: #ff9e64; /* Orange */
+    --base0A: #ebbf83; /* Yellow */
+    --base0B: #8bd49c; /* Green */
+    --base0C: #70e1e8; /* Cyan */
+    --base0D: #539afc; /* Blue */
+    --base0E: #b62d65; /* Purple */
+    --base0F: #dd9d82; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-city-terminal-light b/build/base16-tokyo-city-terminal-light
index add9874..a8e136b 100644
--- a/build/base16-tokyo-city-terminal-light
+++ b/build/base16-tokyo-city-terminal-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fbfbfd; /* Black */
+    --base01: #f6f6f8; /* Bright Black */
+    --base02: #d8e2ec; /* Grey */
+    --base03: #b7c5d3; /* Brighter Grey */
+    --base04: #526270; /* Bright Grey */
+    --base05: #28323a; /* White */
+    --base06: #1d252c; /* Brighter White */
+    --base07: #171d23; /* Bright White */
+    --base08: #8c4351; /* Red */
+    --base09: #965027; /* Orange */
+    --base0A: #8f5e15; /* Yellow */
+    --base0B: #33635c; /* Green */
+    --base0C: #0f4b6e; /* Cyan */
+    --base0D: #34548a; /* Blue */
+    --base0E: #5a4a78; /* Purple */
+    --base0F: #7e5140; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-dark b/build/base16-tokyo-night-dark
index d6a4395..71531f8 100644
--- a/build/base16-tokyo-night-dark
+++ b/build/base16-tokyo-night-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1a1b26; /* Black */
+    --base01: #16161e; /* Bright Black */
+    --base02: #2f3549; /* Grey */
+    --base03: #444b6a; /* Brighter Grey */
+    --base04: #787c99; /* Bright Grey */
+    --base05: #a9b1d6; /* White */
+    --base06: #cbccd1; /* Brighter White */
+    --base07: #d5d6db; /* Bright White */
+    --base08: #c0caf5; /* Red */
+    --base09: #a9b1d6; /* Orange */
+    --base0A: #0db9d7; /* Yellow */
+    --base0B: #9ece6a; /* Green */
+    --base0C: #b4f9f8; /* Cyan */
+    --base0D: #2ac3de; /* Blue */
+    --base0E: #bb9af7; /* Purple */
+    --base0F: #f7768e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-light b/build/base16-tokyo-night-light
index 2463160..13e909a 100644
--- a/build/base16-tokyo-night-light
+++ b/build/base16-tokyo-night-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #d5d6db; /* Black */
+    --base01: #cbccd1; /* Bright Black */
+    --base02: #dfe0e5; /* Grey */
+    --base03: #9699a3; /* Brighter Grey */
+    --base04: #4c505e; /* Bright Grey */
+    --base05: #343b59; /* White */
+    --base06: #1a1b26; /* Brighter White */
+    --base07: #1a1b26; /* Bright White */
+    --base08: #343b58; /* Red */
+    --base09: #965027; /* Orange */
+    --base0A: #166775; /* Yellow */
+    --base0B: #485e30; /* Green */
+    --base0C: #3e6968; /* Cyan */
+    --base0D: #34548a; /* Blue */
+    --base0E: #5a4a78; /* Purple */
+    --base0F: #8c4351; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-moon b/build/base16-tokyo-night-moon
index 81dcb84..767aa69 100644
--- a/build/base16-tokyo-night-moon
+++ b/build/base16-tokyo-night-moon
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #222436; /* Black */
+    --base01: #1e2030; /* Bright Black */
+    --base02: #2d3f76; /* Grey */
+    --base03: #3b4261; /* Brighter Grey */
+    --base04: #636da6; /* Bright Grey */
+    --base05: #828bb8; /* White */
+    --base06: #aeb4d1; /* Brighter White */
+    --base07: #c8d3f5; /* Bright White */
+    --base08: #ff757f; /* Red */
+    --base09: #ffc777; /* Orange */
+    --base0A: #ffdf77; /* Yellow */
+    --base0B: #c3e88d; /* Green */
+    --base0C: #86e1fc; /* Cyan */
+    --base0D: #82aaff; /* Blue */
+    --base0E: #fca7ea; /* Purple */
+    --base0F: #c53b53; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-storm b/build/base16-tokyo-night-storm
index 442c440..fc3c002 100644
--- a/build/base16-tokyo-night-storm
+++ b/build/base16-tokyo-night-storm
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #24283b; /* Black */
+    --base01: #16161e; /* Bright Black */
+    --base02: #343a52; /* Grey */
+    --base03: #444b6a; /* Brighter Grey */
+    --base04: #787c99; /* Bright Grey */
+    --base05: #a9b1d6; /* White */
+    --base06: #cbccd1; /* Brighter White */
+    --base07: #d5d6db; /* Bright White */
+    --base08: #c0caf5; /* Red */
+    --base09: #a9b1d6; /* Orange */
+    --base0A: #0db9d7; /* Yellow */
+    --base0B: #9ece6a; /* Green */
+    --base0C: #b4f9f8; /* Cyan */
+    --base0D: #2ac3de; /* Blue */
+    --base0E: #bb9af7; /* Purple */
+    --base0F: #f7768e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-terminal-dark b/build/base16-tokyo-night-terminal-dark
index 8f6302b..d820eda 100644
--- a/build/base16-tokyo-night-terminal-dark
+++ b/build/base16-tokyo-night-terminal-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #16161e; /* Black */
+    --base01: #1a1b26; /* Bright Black */
+    --base02: #2f3549; /* Grey */
+    --base03: #444b6a; /* Brighter Grey */
+    --base04: #787c99; /* Bright Grey */
+    --base05: #787c99; /* White */
+    --base06: #cbccd1; /* Brighter White */
+    --base07: #d5d6db; /* Bright White */
+    --base08: #f7768e; /* Red */
+    --base09: #ff9e64; /* Orange */
+    --base0A: #e0af68; /* Yellow */
+    --base0B: #41a6b5; /* Green */
+    --base0C: #7dcfff; /* Cyan */
+    --base0D: #7aa2f7; /* Blue */
+    --base0E: #bb9af7; /* Purple */
+    --base0F: #d18616; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-terminal-light b/build/base16-tokyo-night-terminal-light
index dadf0d5..965f4d8 100644
--- a/build/base16-tokyo-night-terminal-light
+++ b/build/base16-tokyo-night-terminal-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #d5d6db; /* Black */
+    --base01: #cbccd1; /* Bright Black */
+    --base02: #dfe0e5; /* Grey */
+    --base03: #9699a3; /* Brighter Grey */
+    --base04: #4c505e; /* Bright Grey */
+    --base05: #4c505e; /* White */
+    --base06: #1a1b26; /* Brighter White */
+    --base07: #1a1b26; /* Bright White */
+    --base08: #8c4351; /* Red */
+    --base09: #965027; /* Orange */
+    --base0A: #8f5e15; /* Yellow */
+    --base0B: #33635c; /* Green */
+    --base0C: #0f4b6e; /* Cyan */
+    --base0D: #34548a; /* Blue */
+    --base0E: #5a4a78; /* Purple */
+    --base0F: #655259; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyo-night-terminal-storm b/build/base16-tokyo-night-terminal-storm
index fd04f34..cd5aa6a 100644
--- a/build/base16-tokyo-night-terminal-storm
+++ b/build/base16-tokyo-night-terminal-storm
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #24283b; /* Black */
+    --base01: #1a1b26; /* Bright Black */
+    --base02: #343a52; /* Grey */
+    --base03: #444b6a; /* Brighter Grey */
+    --base04: #787c99; /* Bright Grey */
+    --base05: #787c99; /* White */
+    --base06: #cbccd1; /* Brighter White */
+    --base07: #d5d6db; /* Bright White */
+    --base08: #f7768e; /* Red */
+    --base09: #ff9e64; /* Orange */
+    --base0A: #e0af68; /* Yellow */
+    --base0B: #41a6b5; /* Green */
+    --base0C: #7dcfff; /* Cyan */
+    --base0D: #7aa2f7; /* Blue */
+    --base0E: #bb9af7; /* Purple */
+    --base0F: #d18616; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyodark b/build/base16-tokyodark
index 8dadedc..2a5fcb1 100644
--- a/build/base16-tokyodark
+++ b/build/base16-tokyodark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #11121d; /* Black */
+    --base01: #212234; /* Bright Black */
+    --base02: #212234; /* Grey */
+    --base03: #353945; /* Brighter Grey */
+    --base04: #4a5057; /* Bright Grey */
+    --base05: #a0a8cd; /* White */
+    --base06: #abb2bf; /* Brighter White */
+    --base07: #bcc2dc; /* Bright White */
+    --base08: #ee6d85; /* Red */
+    --base09: #f6955b; /* Orange */
+    --base0A: #d7a65f; /* Yellow */
+    --base0B: #95c561; /* Green */
+    --base0C: #9fbbf3; /* Cyan */
+    --base0D: #7199ee; /* Blue */
+    --base0E: #a485dd; /* Purple */
+    --base0F: #773440; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tokyodark-terminal b/build/base16-tokyodark-terminal
index dda88ba..d005150 100644
--- a/build/base16-tokyodark-terminal
+++ b/build/base16-tokyodark-terminal
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #11121d; /* Black */
+    --base01: #1a1b2a; /* Bright Black */
+    --base02: #212234; /* Grey */
+    --base03: #282c34; /* Brighter Grey */
+    --base04: #4a5057; /* Bright Grey */
+    --base05: #a0a8cd; /* White */
+    --base06: #a0a8cd; /* Brighter White */
+    --base07: #a0a8cd; /* Bright White */
+    --base08: #ee6d85; /* Red */
+    --base09: #f6955b; /* Orange */
+    --base0A: #d7a65f; /* Yellow */
+    --base0B: #95c561; /* Green */
+    --base0C: #38a89d; /* Cyan */
+    --base0D: #7199ee; /* Blue */
+    --base0E: #a485dd; /* Purple */
+    --base0F: #773440; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tomorrow b/build/base16-tomorrow
index 3ef63ac..03920c3 100644
--- a/build/base16-tomorrow
+++ b/build/base16-tomorrow
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #c5c8c6; /* Grey */
+    --base03: #b4b7b4; /* Brighter Grey */
+    --base04: #969896; /* Bright Grey */
+    --base05: #373b41; /* White */
+    --base06: #282a2e; /* Brighter White */
+    --base07: #1d1f21; /* Bright White */
+    --base08: #c82829; /* Red */
+    --base09: #f5871f; /* Orange */
+    --base0A: #eab700; /* Yellow */
+    --base0B: #718c00; /* Green */
+    --base0C: #3e999f; /* Cyan */
+    --base0D: #4271ae; /* Blue */
+    --base0E: #8959a8; /* Purple */
+    --base0F: #a3685a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tomorrow-night b/build/base16-tomorrow-night
index f17958b..d3c897f 100644
--- a/build/base16-tomorrow-night
+++ b/build/base16-tomorrow-night
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1f21; /* Black */
+    --base01: #282a2e; /* Bright Black */
+    --base02: #373b41; /* Grey */
+    --base03: #969896; /* Brighter Grey */
+    --base04: #b4b7b4; /* Bright Grey */
+    --base05: #c5c8c6; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #cc6666; /* Red */
+    --base09: #de935f; /* Orange */
+    --base0A: #f0c674; /* Yellow */
+    --base0B: #b5bd68; /* Green */
+    --base0C: #8abeb7; /* Cyan */
+    --base0D: #81a2be; /* Blue */
+    --base0E: #b294bb; /* Purple */
+    --base0F: #a3685a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tomorrow-night-eighties b/build/base16-tomorrow-night-eighties
index cbeb4ef..2aaa8db 100644
--- a/build/base16-tomorrow-night-eighties
+++ b/build/base16-tomorrow-night-eighties
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2d2d2d; /* Black */
+    --base01: #393939; /* Bright Black */
+    --base02: #515151; /* Grey */
+    --base03: #999999; /* Brighter Grey */
+    --base04: #b4b7b4; /* Bright Grey */
+    --base05: #cccccc; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #f2777a; /* Red */
+    --base09: #f99157; /* Orange */
+    --base0A: #ffcc66; /* Yellow */
+    --base0B: #99cc99; /* Green */
+    --base0C: #66cccc; /* Cyan */
+    --base0D: #6699cc; /* Blue */
+    --base0E: #cc99cc; /* Purple */
+    --base0F: #a3685a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-tube b/build/base16-tube
index 168eacc..dc52a4a 100644
--- a/build/base16-tube
+++ b/build/base16-tube
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #231f20; /* Black */
+    --base01: #1c3f95; /* Bright Black */
+    --base02: #5a5758; /* Grey */
+    --base03: #737171; /* Brighter Grey */
+    --base04: #959ca1; /* Bright Grey */
+    --base05: #d9d8d8; /* White */
+    --base06: #e7e7e8; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ee2e24; /* Red */
+    --base09: #f386a1; /* Orange */
+    --base0A: #ffd204; /* Yellow */
+    --base0B: #00853e; /* Green */
+    --base0C: #85cebc; /* Cyan */
+    --base0D: #009ddc; /* Blue */
+    --base0E: #98005d; /* Purple */
+    --base0F: #b06110; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-twilight b/build/base16-twilight
index ba7ec68..6c659c2 100644
--- a/build/base16-twilight
+++ b/build/base16-twilight
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1e1e1e; /* Black */
+    --base01: #323537; /* Bright Black */
+    --base02: #464b50; /* Grey */
+    --base03: #5f5a60; /* Brighter Grey */
+    --base04: #838184; /* Bright Grey */
+    --base05: #a7a7a7; /* White */
+    --base06: #c3c3c3; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #cf6a4c; /* Red */
+    --base09: #cda869; /* Orange */
+    --base0A: #f9ee98; /* Yellow */
+    --base0B: #8f9d6a; /* Green */
+    --base0C: #afc4db; /* Cyan */
+    --base0D: #7587a6; /* Blue */
+    --base0E: #9b859d; /* Purple */
+    --base0F: #9b703f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-unikitty-dark b/build/base16-unikitty-dark
index bde2aa2..826a65a 100644
--- a/build/base16-unikitty-dark
+++ b/build/base16-unikitty-dark
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2e2a31; /* Black */
+    --base01: #4a464d; /* Bright Black */
+    --base02: #666369; /* Grey */
+    --base03: #838085; /* Brighter Grey */
+    --base04: #9f9da2; /* Bright Grey */
+    --base05: #bcbabe; /* White */
+    --base06: #d8d7da; /* Brighter White */
+    --base07: #f5f4f7; /* Bright White */
+    --base08: #d8137f; /* Red */
+    --base09: #d65407; /* Orange */
+    --base0A: #dc8a0e; /* Yellow */
+    --base0B: #17ad98; /* Green */
+    --base0C: #149bda; /* Cyan */
+    --base0D: #796af5; /* Blue */
+    --base0E: #bb60ea; /* Purple */
+    --base0F: #c720ca; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-unikitty-light b/build/base16-unikitty-light
index 34a4593..181d4ba 100644
--- a/build/base16-unikitty-light
+++ b/build/base16-unikitty-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #e1e1e2; /* Bright Black */
+    --base02: #c4c3c5; /* Grey */
+    --base03: #a7a5a8; /* Brighter Grey */
+    --base04: #89878b; /* Bright Grey */
+    --base05: #6c696e; /* White */
+    --base06: #4f4b51; /* Brighter White */
+    --base07: #322d34; /* Bright White */
+    --base08: #d8137f; /* Red */
+    --base09: #d65407; /* Orange */
+    --base0A: #dc8a0e; /* Yellow */
+    --base0B: #17ad98; /* Green */
+    --base0C: #149bda; /* Cyan */
+    --base0D: #775dff; /* Blue */
+    --base0E: #aa17e6; /* Purple */
+    --base0F: #e013d0; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-unikitty-reversible b/build/base16-unikitty-reversible
index f90af78..a92dd26 100644
--- a/build/base16-unikitty-reversible
+++ b/build/base16-unikitty-reversible
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #2e2a31; /* Black */
+    --base01: #4b484e; /* Bright Black */
+    --base02: #69666b; /* Grey */
+    --base03: #878589; /* Brighter Grey */
+    --base04: #a5a3a6; /* Bright Grey */
+    --base05: #c3c2c4; /* White */
+    --base06: #e1e0e1; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #d8137f; /* Red */
+    --base09: #d65407; /* Orange */
+    --base0A: #dc8a0e; /* Yellow */
+    --base0B: #17ad98; /* Green */
+    --base0C: #149bda; /* Cyan */
+    --base0D: #7864fa; /* Blue */
+    --base0E: #b33ce8; /* Purple */
+    --base0F: #d41acd; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-uwunicorn b/build/base16-uwunicorn
index 0559a7b..5fbf21b 100644
--- a/build/base16-uwunicorn
+++ b/build/base16-uwunicorn
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #241b26; /* Black */
+    --base01: #2f2a3f; /* Bright Black */
+    --base02: #46354a; /* Grey */
+    --base03: #6c3cb2; /* Brighter Grey */
+    --base04: #7e5f83; /* Bright Grey */
+    --base05: #eed5d9; /* White */
+    --base06: #d9c2c6; /* Brighter White */
+    --base07: #e4ccd0; /* Bright White */
+    --base08: #877bb6; /* Red */
+    --base09: #de5b44; /* Orange */
+    --base0A: #a84a73; /* Yellow */
+    --base0B: #c965bf; /* Green */
+    --base0C: #9c5fce; /* Cyan */
+    --base0D: #6a9eb5; /* Blue */
+    --base0E: #78a38f; /* Purple */
+    --base0F: #a3a079; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-valua b/build/base16-valua
index ff8e244..1165969 100644
--- a/build/base16-valua
+++ b/build/base16-valua
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #131f1f; /* Black */
+    --base01: #213132; /* Bright Black */
+    --base02: #273d3c; /* Grey */
+    --base03: #3e5c53; /* Brighter Grey */
+    --base04: #6d9877; /* Bright Grey */
+    --base05: #98c1a3; /* White */
+    --base06: #a5cbb9; /* Brighter White */
+    --base07: #aacbcb; /* Bright White */
+    --base08: #d7586e; /* Red */
+    --base09: #e6b466; /* Orange */
+    --base0A: #dfe754; /* Yellow */
+    --base0B: #59d678; /* Green */
+    --base0C: #76dbd2; /* Cyan */
+    --base0D: #4ed2d2; /* Blue */
+    --base0E: #a874e0; /* Purple */
+    --base0F: #c05a8f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-vesper b/build/base16-vesper
index 649e328..54d7c12 100644
--- a/build/base16-vesper
+++ b/build/base16-vesper
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #101010; /* Black */
+    --base01: #232323; /* Bright Black */
+    --base02: #222222; /* Grey */
+    --base03: #333333; /* Brighter Grey */
+    --base04: #999999; /* Bright Grey */
+    --base05: #b7b7b7; /* White */
+    --base06: #c1c1c1; /* Brighter White */
+    --base07: #d5d5d5; /* Bright White */
+    --base08: #de6e6e; /* Red */
+    --base09: #dab083; /* Orange */
+    --base0A: #ffc799; /* Yellow */
+    --base0B: #5f8787; /* Green */
+    --base0C: #60a592; /* Cyan */
+    --base0D: #8eaaaa; /* Blue */
+    --base0E: #d69094; /* Purple */
+    --base0F: #876c4f; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-vice b/build/base16-vice
index 4328017..f279fd0 100644
--- a/build/base16-vice
+++ b/build/base16-vice
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #17191e; /* Black */
+    --base01: #22262d; /* Bright Black */
+    --base02: #3c3f4c; /* Grey */
+    --base03: #383a47; /* Brighter Grey */
+    --base04: #555e70; /* Bright Grey */
+    --base05: #8b9cbe; /* White */
+    --base06: #b2bfd9; /* Brighter White */
+    --base07: #f4f4f7; /* Bright White */
+    --base08: #ff29a8; /* Red */
+    --base09: #85ffe0; /* Orange */
+    --base0A: #f0ffaa; /* Yellow */
+    --base0B: #0badff; /* Green */
+    --base0C: #8265ff; /* Cyan */
+    --base0D: #00eaff; /* Blue */
+    --base0E: #00f6d9; /* Purple */
+    --base0F: #ff3d81; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-vulcan b/build/base16-vulcan
index 08b57ec..25db9fb 100644
--- a/build/base16-vulcan
+++ b/build/base16-vulcan
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #041523; /* Black */
+    --base01: #122339; /* Bright Black */
+    --base02: #003552; /* Grey */
+    --base03: #7a5759; /* Brighter Grey */
+    --base04: #6b6977; /* Bright Grey */
+    --base05: #5b778c; /* White */
+    --base06: #333238; /* Brighter White */
+    --base07: #214d68; /* Bright White */
+    --base08: #818591; /* Red */
+    --base09: #9198a3; /* Orange */
+    --base0A: #adb4b9; /* Yellow */
+    --base0B: #977d7c; /* Green */
+    --base0C: #977d7c; /* Cyan */
+    --base0D: #977d7c; /* Blue */
+    --base0E: #9198a3; /* Purple */
+    --base0F: #977d7c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-10 b/build/base16-windows-10
index af968f9..6c3cb0f 100644
--- a/build/base16-windows-10
+++ b/build/base16-windows-10
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #0c0c0c; /* Black */
+    --base01: #2f2f2f; /* Bright Black */
+    --base02: #535353; /* Grey */
+    --base03: #767676; /* Brighter Grey */
+    --base04: #b9b9b9; /* Bright Grey */
+    --base05: #cccccc; /* White */
+    --base06: #dfdfdf; /* Brighter White */
+    --base07: #f2f2f2; /* Bright White */
+    --base08: #e74856; /* Red */
+    --base09: #c19c00; /* Orange */
+    --base0A: #f9f1a5; /* Yellow */
+    --base0B: #16c60c; /* Green */
+    --base0C: #61d6d6; /* Cyan */
+    --base0D: #3b78ff; /* Blue */
+    --base0E: #b4009e; /* Purple */
+    --base0F: #13a10e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-10-light b/build/base16-windows-10-light
index d38e72a..1f3453f 100644
--- a/build/base16-windows-10-light
+++ b/build/base16-windows-10-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #f2f2f2; /* Black */
+    --base01: #e5e5e5; /* Bright Black */
+    --base02: #d9d9d9; /* Grey */
+    --base03: #cccccc; /* Brighter Grey */
+    --base04: #ababab; /* Bright Grey */
+    --base05: #767676; /* White */
+    --base06: #414141; /* Brighter White */
+    --base07: #0c0c0c; /* Bright White */
+    --base08: #c50f1f; /* Red */
+    --base09: #f9f1a5; /* Orange */
+    --base0A: #c19c00; /* Yellow */
+    --base0B: #13a10e; /* Green */
+    --base0C: #3a96dd; /* Cyan */
+    --base0D: #0037da; /* Blue */
+    --base0E: #881798; /* Purple */
+    --base0F: #16c60c; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-95 b/build/base16-windows-95
index 92845e7..b39aaf5 100644
--- a/build/base16-windows-95
+++ b/build/base16-windows-95
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #1c1c1c; /* Bright Black */
+    --base02: #383838; /* Grey */
+    --base03: #545454; /* Brighter Grey */
+    --base04: #7e7e7e; /* Bright Grey */
+    --base05: #a8a8a8; /* White */
+    --base06: #d2d2d2; /* Brighter White */
+    --base07: #fcfcfc; /* Bright White */
+    --base08: #fc5454; /* Red */
+    --base09: #a85400; /* Orange */
+    --base0A: #fcfc54; /* Yellow */
+    --base0B: #54fc54; /* Green */
+    --base0C: #54fcfc; /* Cyan */
+    --base0D: #5454fc; /* Blue */
+    --base0E: #fc54fc; /* Purple */
+    --base0F: #00a800; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-95-light b/build/base16-windows-95-light
index a937256..4ee713a 100644
--- a/build/base16-windows-95-light
+++ b/build/base16-windows-95-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fcfcfc; /* Black */
+    --base01: #e0e0e0; /* Bright Black */
+    --base02: #c4c4c4; /* Grey */
+    --base03: #a8a8a8; /* Brighter Grey */
+    --base04: #7e7e7e; /* Bright Grey */
+    --base05: #545454; /* White */
+    --base06: #2a2a2a; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #a80000; /* Red */
+    --base09: #fcfc54; /* Orange */
+    --base0A: #a85400; /* Yellow */
+    --base0B: #00a800; /* Green */
+    --base0C: #00a8a8; /* Cyan */
+    --base0D: #0000a8; /* Blue */
+    --base0E: #a800a8; /* Purple */
+    --base0F: #54fc54; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-highcontrast b/build/base16-windows-highcontrast
index 0096d0b..bc481b6 100644
--- a/build/base16-windows-highcontrast
+++ b/build/base16-windows-highcontrast
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #1c1c1c; /* Bright Black */
+    --base02: #383838; /* Grey */
+    --base03: #545454; /* Brighter Grey */
+    --base04: #a2a2a2; /* Bright Grey */
+    --base05: #c0c0c0; /* White */
+    --base06: #dedede; /* Brighter White */
+    --base07: #fcfcfc; /* Bright White */
+    --base08: #fc5454; /* Red */
+    --base09: #808000; /* Orange */
+    --base0A: #fcfc54; /* Yellow */
+    --base0B: #54fc54; /* Green */
+    --base0C: #54fcfc; /* Cyan */
+    --base0D: #5454fc; /* Blue */
+    --base0E: #fc54fc; /* Purple */
+    --base0F: #008000; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-highcontrast-light b/build/base16-windows-highcontrast-light
index efe7704..555b360 100644
--- a/build/base16-windows-highcontrast-light
+++ b/build/base16-windows-highcontrast-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #fcfcfc; /* Black */
+    --base01: #e8e8e8; /* Bright Black */
+    --base02: #d4d4d4; /* Grey */
+    --base03: #c0c0c0; /* Brighter Grey */
+    --base04: #7e7e7e; /* Bright Grey */
+    --base05: #545454; /* White */
+    --base06: #2a2a2a; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #800000; /* Red */
+    --base09: #fcfc54; /* Orange */
+    --base0A: #808000; /* Yellow */
+    --base0B: #008000; /* Green */
+    --base0C: #008080; /* Cyan */
+    --base0D: #000080; /* Blue */
+    --base0E: #800080; /* Purple */
+    --base0F: #54fc54; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-nt b/build/base16-windows-nt
index b9bc233..a37188e 100644
--- a/build/base16-windows-nt
+++ b/build/base16-windows-nt
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #000000; /* Black */
+    --base01: #2a2a2a; /* Bright Black */
+    --base02: #555555; /* Grey */
+    --base03: #808080; /* Brighter Grey */
+    --base04: #a1a1a1; /* Bright Grey */
+    --base05: #c0c0c0; /* White */
+    --base06: #e0e0e0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #ff0000; /* Red */
+    --base09: #808000; /* Orange */
+    --base0A: #ffff00; /* Yellow */
+    --base0B: #00ff00; /* Green */
+    --base0C: #00ffff; /* Cyan */
+    --base0D: #0000ff; /* Blue */
+    --base0E: #ff00ff; /* Purple */
+    --base0F: #008000; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-windows-nt-light b/build/base16-windows-nt-light
index ca9e2c6..2ed530f 100644
--- a/build/base16-windows-nt-light
+++ b/build/base16-windows-nt-light
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #ffffff; /* Black */
+    --base01: #eaeaea; /* Bright Black */
+    --base02: #d5d5d5; /* Grey */
+    --base03: #c0c0c0; /* Brighter Grey */
+    --base04: #a0a0a0; /* Bright Grey */
+    --base05: #808080; /* White */
+    --base06: #404040; /* Brighter White */
+    --base07: #000000; /* Bright White */
+    --base08: #800000; /* Red */
+    --base09: #ffff00; /* Orange */
+    --base0A: #808000; /* Yellow */
+    --base0B: #008000; /* Green */
+    --base0C: #008080; /* Cyan */
+    --base0D: #000080; /* Blue */
+    --base0E: #800080; /* Purple */
+    --base0F: #00ff00; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-woodland b/build/base16-woodland
index 9387aaa..6c17a6e 100644
--- a/build/base16-woodland
+++ b/build/base16-woodland
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #231e18; /* Black */
+    --base01: #302b25; /* Bright Black */
+    --base02: #48413a; /* Grey */
+    --base03: #9d8b70; /* Brighter Grey */
+    --base04: #b4a490; /* Bright Grey */
+    --base05: #cabcb1; /* White */
+    --base06: #d7c8bc; /* Brighter White */
+    --base07: #e4d4c8; /* Bright White */
+    --base08: #d35c5c; /* Red */
+    --base09: #ca7f32; /* Orange */
+    --base0A: #e0ac16; /* Yellow */
+    --base0B: #b7ba53; /* Green */
+    --base0C: #6eb958; /* Cyan */
+    --base0D: #88a4d3; /* Blue */
+    --base0E: #bb90e2; /* Purple */
+    --base0F: #b49368; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-xcode-dusk b/build/base16-xcode-dusk
index eba16ed..e4e3cad 100644
--- a/build/base16-xcode-dusk
+++ b/build/base16-xcode-dusk
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #282b35; /* Black */
+    --base01: #3d4048; /* Bright Black */
+    --base02: #53555d; /* Grey */
+    --base03: #686a71; /* Brighter Grey */
+    --base04: #7e8086; /* Bright Grey */
+    --base05: #939599; /* White */
+    --base06: #a9aaae; /* Brighter White */
+    --base07: #bebfc2; /* Bright White */
+    --base08: #b21889; /* Red */
+    --base09: #786dc5; /* Orange */
+    --base0A: #438288; /* Yellow */
+    --base0B: #df0002; /* Green */
+    --base0C: #00a0be; /* Cyan */
+    --base0D: #790ead; /* Blue */
+    --base0E: #b21889; /* Purple */
+    --base0F: #c77c48; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-yesterday b/build/base16-yesterday
index 89bbfe7..4aae7b1 100644
--- a/build/base16-yesterday
+++ b/build/base16-yesterday
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #1d1f21; /* Black */
+    --base01: #282a2e; /* Bright Black */
+    --base02: #4d4d4c; /* Grey */
+    --base03: #969896; /* Brighter Grey */
+    --base04: #8e908c; /* Bright Grey */
+    --base05: #d6d6d6; /* White */
+    --base06: #efefef; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #c82829; /* Red */
+    --base09: #f5871f; /* Orange */
+    --base0A: #eab700; /* Yellow */
+    --base0B: #718c00; /* Green */
+    --base0C: #3e999f; /* Cyan */
+    --base0D: #4271ae; /* Blue */
+    --base0E: #8959a8; /* Purple */
+    --base0F: #7f2a1d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-yesterday-bright b/build/base16-yesterday-bright
index 5cce603..3821b04 100644
--- a/build/base16-yesterday-bright
+++ b/build/base16-yesterday-bright
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #343d46; /* Black */
+    --base01: #4f5b66; /* Bright Black */
+    --base02: #65737e; /* Grey */
+    --base03: #a7adba; /* Brighter Grey */
+    --base04: #c0c5ce; /* Bright Grey */
+    --base05: #dfe1e8; /* White */
+    --base06: #eff1f5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #d54e53; /* Red */
+    --base09: #e78c45; /* Orange */
+    --base0A: #e7c547; /* Yellow */
+    --base0B: #b9ca4a; /* Green */
+    --base0C: #70c0b1; /* Cyan */
+    --base0D: #7aa6da; /* Blue */
+    --base0E: #c397d8; /* Purple */
+    --base0F: #9a806d; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-yesterday-night b/build/base16-yesterday-night
index 0a8a718..2dfd5ac 100644
--- a/build/base16-yesterday-night
+++ b/build/base16-yesterday-night
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #343d46; /* Black */
+    --base01: #4f5b66; /* Bright Black */
+    --base02: #65737e; /* Grey */
+    --base03: #a7adba; /* Brighter Grey */
+    --base04: #c0c5ce; /* Bright Grey */
+    --base05: #dfe1e8; /* White */
+    --base06: #eff1f5; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #cc6666; /* Red */
+    --base09: #de935f; /* Orange */
+    --base0A: #f0c674; /* Yellow */
+    --base0B: #b5bd68; /* Green */
+    --base0C: #8abeb7; /* Cyan */
+    --base0D: #81a2be; /* Blue */
+    --base0E: #b294bb; /* Purple */
+    --base0F: #a3685a; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-zenbones b/build/base16-zenbones
index 7a332b8..56f2ace 100644
--- a/build/base16-zenbones
+++ b/build/base16-zenbones
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #191919; /* Black */
+    --base01: #de6e7c; /* Bright Black */
+    --base02: #819b69; /* Grey */
+    --base03: #b77e64; /* Brighter Grey */
+    --base04: #6099c0; /* Bright Grey */
+    --base05: #b279a7; /* White */
+    --base06: #66a5ad; /* Brighter White */
+    --base07: #bbbbbb; /* Bright White */
+    --base08: #3d3839; /* Red */
+    --base09: #e8838f; /* Orange */
+    --base0A: #8bae68; /* Yellow */
+    --base0B: #d68c67; /* Green */
+    --base0C: #61abda; /* Cyan */
+    --base0D: #cf86c1; /* Blue */
+    --base0E: #65b8c1; /* Purple */
+    --base0F: #8e8e8e; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/build/base16-zenburn b/build/base16-zenburn
index 637687f..60a3381 100644
--- a/build/base16-zenburn
+++ b/build/base16-zenburn
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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;
+:root {
+    --base00: #383838; /* Black */
+    --base01: #404040; /* Bright Black */
+    --base02: #606060; /* Grey */
+    --base03: #6f6f6f; /* Brighter Grey */
+    --base04: #808080; /* Bright Grey */
+    --base05: #dcdccc; /* White */
+    --base06: #c0c0c0; /* Brighter White */
+    --base07: #ffffff; /* Bright White */
+    --base08: #dca3a3; /* Red */
+    --base09: #dfaf8f; /* Orange */
+    --base0A: #e0cf9f; /* Yellow */
+    --base0B: #5f7f5f; /* Green */
+    --base0C: #93e0e3; /* Cyan */
+    --base0D: #7cb8bb; /* Blue */
+    --base0E: #dc8cc3; /* Purple */
+    --base0F: #000000; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}
diff --git a/templates/default.mustache b/templates/default.mustache
index c2f16e9..c499d93 100644
--- a/templates/default.mustache
+++ b/templates/default.mustache
@@ -1,64 +1,185 @@
-/* Tinty Template: Discord Visual Refresh
-   Mapped from Catppuccin Mocha Pink 
-*/
+/**
+ * @name Stylix
+ * @author Stylix
+ * @version 0.0.0
+ * @description Theme configured via NixOS or Home Manager.
+ **/
 
-.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-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}};
+:root {
+    --base00: #{{base00-hex}}; /* Black */
+    --base01: #{{base01-hex}}; /* Bright Black */
+    --base02: #{{base02-hex}}; /* Grey */
+    --base03: #{{base03-hex}}; /* Brighter Grey */
+    --base04: #{{base04-hex}}; /* Bright Grey */
+    --base05: #{{base05-hex}}; /* White */
+    --base06: #{{base06-hex}}; /* Brighter White */
+    --base07: #{{base07-hex}}; /* Bright White */
+    --base08: #{{base08-hex}}; /* Red */
+    --base09: #{{base09-hex}}; /* Orange */
+    --base0A: #{{base0A-hex}}; /* Yellow */
+    --base0B: #{{base0B-hex}}; /* Green */
+    --base0C: #{{base0C-hex}}; /* Cyan */
+    --base0D: #{{base0D-hex}}; /* Blue */
+    --base0E: #{{base0E-hex}}; /* Purple */
+    --base0F: #{{base0F-hex}}; /* Magenta */
+
+    --primary-630: var(--base00); /* Autocomplete background */
+    --primary-660: var(--base00); /* Search input background */
 }
 
-/* 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;
+.theme-light,
+.theme-dark,
+.theme-darker,
+.theme-midnight,
+.visual-refresh {
+    --activity-card-background: var(--base01) !important;
+    --background-accent: var(--base03) !important;
+    --background-floating: var(--base02) !important;
+    --background-mentioned-hover: var(--base02) !important;
+    --background-mentioned: var(--base01) !important;
+    --background-message-highlight: var(--base01) !important;
+    --background-message-hover: var(--base00) !important;
+    --background-modifier-accent: var(--base02) !important;
+    --background-modifier-active: var(--base02) !important;
+    --background-modifier-hover: var(--base00) !important;
+    --background-modifier-selected: var(--base01) !important;
+    --background-primary: var(--base00) !important;
+    --background-secondary-alt: var(--base01) !important;
+    --background-secondary: var(--base01) !important;
+    --background-surface-highest: var(--base02) !important;
+    --background-surface-higher: var(--base02) !important;
+    --background-surface-high: var(--base02) !important;
+    --background-tertiary: var(--base00) !important;
+    --background-base-low: var(--base01) !important;
+    --background-base-lower: var(--base00) !important;
+    --background-base-lowest: var(--base00) !important;
+    --background-base-tertiary: var(--base00) !important;
+    --background-code: var(--base02) !important;
+    --background-mod-subtle: var(--base02) !important;
+    --bg-base-secondary: var(--base01) !important;
+    --bg-base-tertiary: var(--base00) !important;
+    --bg-brand: var(--base03) !important;
+    --bg-mod-faint: var(--base01) !important;
+    --bg-overlay-2: var(--base01) !important;
+    --bg-overlay-3: var(--base01) !important;
+    --bg-overlay-color-inverse: var(--base03) !important;
+    --bg-surface-raised: var(--base02) !important;
+    --bg-surface-overlay: var(--base00) !important;
+    --black: var(--base00) !important;
+    --blurple-50: var(--base0B) !important;
+    --border-faint: var(--base02) !important;
+    --brand-05a: var(--base01) !important;
+    --brand-10a: var(--base01) !important;
+    --brand-15a: var(--base01) !important;
+    --brand-260: var(--base0D) !important;
+    --brand-360: var(--base0D) !important;
+    --brand-500: var(--base0F) !important;
+    --brand-560: var(--base01) !important;
+    --button-danger-background: var(--base08) !important;
+    --button-filled-brand-background: var(--base0D) !important;
+    --button-filled-brand-background-hover: var(--base03) !important;
+    --button-filled-brand-text: var(--base00) !important;
+    --button-filled-brand-text-hover: var(--base05) !important;
+    --button-outline-positive-border: var(--base0B) !important;
+    --button-outline-danger-background-hover: var(--base08) !important;
+    --button-outline-danger-border-hover: var(--base08) !important;
+    --button-positive-background: var(--base0B) !important;
+    --button-positive-background-hover: var(--base03) !important;
+    --button-secondary-background: var(--base02) !important;
+    --button-secondary-background-hover: var(--base03) !important;
+    --card-primary-bg: var(--base02) !important;
+    --channel-icon: var(--base04) !important;
+    --channels-default: var(--base04) !important;
+    --channel-text-area-placeholder: var(--base03) !important;
+    --channeltextarea-background: var(--base01) !important;
+    --chat-background-default: var(--base02) !important;
+    --checkbox-background-checked: var(--base0D) !important;
+    --checkbox-border-checked: var(--base0D) !important;
+    --checkbox-background-default: var(--base02) !important;
+    --checkbox-border-default: var(--base03) !important;
+    --control-brand-foreground-new: var(--base0D) !important;
+    --control-brand-foreground: var(--base04) !important;
+    --custom-notice-text: var(--base01) !important;
+    --green-330: var(--base0B) !important;
+    --green-360: var(--base0B) !important;
+    --header-primary: var(--base04) !important;
+    --header-secondary: var(--base04) !important;
+    --home-background: var(--base00) !important;
+    --info-warning-foreground: var(--base0A) !important;
+    --input-background: var(--base02) !important;
+    --interactive-active: var(--base05) !important;
+    --interactive-hover: var(--base05) !important;
+    --interactive-muted: var(--base03) !important;
+    --interactive-normal: var(--base05) !important;
+    --mention-background: var(--base03) !important;
+    --mention-foreground: var(--base05) !important;
+    --menu-item-danger-active-bg: var(--base08) !important;
+    --menu-item-danger-hover-bg: var(--base08) !important;
+    --menu-item-default-hover-bg: var(--base03) !important;
+    --message-reacted-background: var(--base02) !important;
+    --message-reacted-text: var(--base05) !important;
+    --modal-background: var(--base01) !important;
+    --modal-footer-background: var(--base00) !important;
+    --notice-background-positive: var(--base0B) !important;
+    --notice-text-positive: var(--base01) !important;
+    --plum-23: var(--base02) !important;
+    --primary-130: var(--base05) !important;
+    --primary-300: var(--base05) !important;
+    --primary-500: var(--base02) !important;
+    --primary-600: var(--base00) !important;
+    --primary-630: var(--base01) !important;
+    --primary-660: var(--base00) !important;
+    --primary-800: var(--base00) !important;
+    --red-400: var(--base08) !important;
+    --red-460: var(--base08) !important;
+    --red-500: var(--base08) !important;
+    --red-630: var(--base08) !important;
+    --red: var(--base08) !important;
+    --scrollbar-auto-thumb: var(--base00) !important;
+    --scrollbar-thin-thumb: var(--base00) !important;
+    --status-danger-background: var(--base08) !important;
+    --status-danger: var(--base08) !important;
+    --status-negative: var(--base08) !important;
+    --status-positive-background: var(--base0B) !important;
+    --status-positive-text: var(--base0B) !important;
+    --status-positive: var(--base0B) !important;
+    --status-success: var(--base0B) !important;
+    --status-warning-background: var(--base03) !important;
+    --status-warning: var(--base09) !important;
+    --teal-430: var(--base0C) !important;
+    --text-brand: var(--base07) !important;
+    --text-feedback-positive: var(--base0B) !important;
+    --text-feedback-negative: var(--base08) !important;
+    --text-feedback-warning: var(--base09) !important;
+    --text-feedback-success: var(--base0B) !important;
+    --text-link: var(--base04) !important;
+    --text-muted: var(--base05) !important;
+    --text-negative: var(--base08) !important;
+    --text-normal: var(--base05) !important;
+    --text-positive: var(--base0B) !important;
+    --text-primary: var(--base05) !important;
+    --text-secondary: var(--base04) !important;
+    --text-tertiary: var(--base03) !important;
+    --text-warning: var(--base09) !important;
+    --textbox-markdown-syntax: var(--base05) !important;
+    --theme-base-color: var(--base00) !important;
+    --white: var(--base05) !important;
+    --yellow-360: var(--base0A) !important;
+    --yellow-300: var(--base0A) !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}}; }
+/* Syntax Highlighting */
+.hljs-attr, .hljs-attribute, .hljs-number, .hljs-selector-class { color: var(--base06) !important; }
+.hljs-comment, .hljs-meta { color: var(--base03) !important; }
+.hljs-subst { color: var(--base0D) !important; }
+.hljs-selector-pseudo, .hljs-section, .hljs-string { color: var(--base0B) !important; }
+.hljs-keyword, .hljs-variable { color: var(--base08) !important; }
+.hljs-built_in { color: var(--base09) !important; }
+.hljs-title { color: var(--base0E) !important; }
 
-/* Note: To keep the response concise, standard SVG filters and 
-   individual icon overrides from your CSS have been omitted.
-   They generally use --white and --brand-500 variables defined above.
-*/
+/* Visual Refresh Specifics */
+.visual-refresh {
+    .bg__960e4, .wrapper_ef3116, .sidebar_c48ade, .members_c8ffbb { background-color: var(--base00) !important; }
+    .chatContent_f75fb0 { background-color: var(--base01) !important; }
+    .searchBar__97492, .channelTextArea_f75fb0, .voiceBar__7aaec { background-color: var(--base02) !important; }
+}