From 9a80d51b107b925d64802e1872dedc50f4f8864d Mon Sep 17 00:00:00 2001
From: Ly-sec <itslysec@gmail.com>
Date: Mon, 15 Sep 2025 07:59:06 +0200
Subject: [PATCH] Vesktop: replace old theme with midnight from refact0r for
 better looks

---
 Assets/Matugen/templates/vesktop.css | 635 ++++-----------------------
 Assets/noctalia.svg                  |  22 +
 2 files changed, 103 insertions(+), 554 deletions(-)
 create mode 100644 Assets/noctalia.svg

diff --git a/Assets/Matugen/templates/vesktop.css b/Assets/Matugen/templates/vesktop.css
index ac5b166..dc506bd 100644
--- a/Assets/Matugen/templates/vesktop.css
+++ b/Assets/Matugen/templates/vesktop.css
@@ -1,572 +1,99 @@
-/*
-* Vesktop Theme
-* Generated with Matugen
-* Base was taken from https://github.com/catppuccin/discord <3
+/**
+ * @name noctalia
+ * @description Original theme: midnight | A dark, rounded discord theme.
+ * @author refact0r
+ * @version 1.6.2
+ * @invite nz87hXyvcy
+ * @website https://github.com/refact0r/midnight-discord
+ * @source https://github.com/refact0r/midnight-discord/blob/master/midnight.theme.css
+ * @authorId 508863359777505290
+ * @authorLink https://www.refact0r.dev
 */
 
+/* IMPORTANT: make sure to enable dark mode in discord settings for the theme to apply properly!!! */
 
-/* Dark Theme */
-.visual-refresh.theme-dark,
-.visual-refresh .theme-dark {
-  /* Brand Colors */
-  --brand-experiment: {{colors.primary.default.hex}};
-  --bg-brand: {{colors.primary.default.hex}};
-  --brand-500: {{colors.primary.default.hex}} !important;
-  --text-link: {{colors.primary.default.hex}} !important;
-  --text-brand: {{colors.primary.default.hex}};
-  --control-brand-foreground: {{colors.primary.default.hex}};
-  --control-brand-foreground-new: {{colors.primary.default.hex}};
-  --mention-foreground: {{colors.primary.default.hex}};
-  --mention-background: {{colors.primary.default.hex}}20;
-  --focus-primary: {{colors.primary.default.hex}};
-  --logo-primary: {{colors.on_surface.default.hex}};
-  --badge-brand-bg: {{colors.primary.default.hex}};
-  --badge-brand-text: {{colors.on_primary.default.hex}};
+@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');
 
-  /* Text Colors */
-  --header-primary: {{colors.on_surface.default.hex}} !important;
-  --header-secondary: {{colors.on_surface_variant.default.hex}} !important;
-  --text-normal: {{colors.on_surface.default.hex}} !important;
-  --text-default: {{colors.on_surface.default.hex}};
-  --text-muted: {{colors.on_surface_variant.default.hex}} !important;
-  --text-primary: {{colors.on_surface.default.hex}};
-  --text-secondary: {{colors.on_surface_variant.default.hex}};
-  --text-tertiary: {{colors.on_surface_variant.default.hex}} !important;
-  --interactive-normal: {{colors.on_surface.default.hex}} !important;
-  --interactive-muted: {{colors.on_surface_variant.default.hex}};
-  --interactive-hover: {{colors.on_surface.default.hex}};
-  --interactive-active: {{colors.on_surface.default.hex}};
+/* customize things here */
+:root {
+	/* font, change to 'gg sans' for default discord font*/
+	--font: 'figtree';
 
-  /* Main Background Colors - Bar color (mSurface) colors.surface.default.hex*/
-  --background-primary: {{colors.surface_variant.default.hex}} !important;
-  --background-floating: {{colors.surface_variant.default.hex}} !important;
-  --background-surface-high: {{colors.surface_variant.default.hex}} !important;
-  --modal-background: {{colors.surface_variant.default.hex}} !important;
-  --app-background-frame: {{colors.surface_variant.default.hex}} !important;
-  --home-background: {{colors.surface_variant.default.hex}} !important;
-  --chat-background: {{colors.surface_variant.default.hex}} !important;
-  --chat-background-default: {{colors.surface_variant.default.hex}} !important;
-  --chat-input-container-background: {{colors.surface_container.default.hex}} !important;
-  
-  /* Secondary Background Colors - Workspace color (mSurfaceVariant) */
-  --background-secondary: {{colors.surface.default.hex}} !important;
-  --background-secondary-alt: {{colors.surface.default.hex}} !important;
-  --background-surface-higher: {{colors.surface.default.hex}} !important;
-  --background-base-low: {{colors.surface.default.hex}} !important;
-  --background-base-lower: {{colors.surface.default.hex}} !important;
-  --channeltextarea-background: {{colors.surface_container.default.hex}} !important;
-  --modal-footer-background: {{colors.surface.default.hex}} !important;
-  
-  /* New Messages Banner */
-  --background-mentioned: {{colors.primary.default.hex}}15 !important;
-  --background-mentioned-hover: {{colors.primary.default.hex}}20 !important;
-  --text-mentioned: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-hover: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-link: {{colors.primary.default.hex}} !important;
-  
-  /* Additional Discord-specific variables for new messages banner */
-  --background-message-automod: {{colors.primary.default.hex}}15 !important;
-  --background-message-automod-hover: {{colors.primary.default.hex}}20 !important;
-  --background-message-highlight: {{colors.primary.default.hex}}15 !important;
-  --background-message-highlight-hover: {{colors.primary.default.hex}}20 !important;
-  
-  /* Discord unread messages banner specific variables */
-  --background-mentioned: {{colors.primary.default.hex}}15 !important;
-  --background-mentioned-hover: {{colors.primary.default.hex}}20 !important;
-  --text-mentioned: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-hover: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-link: {{colors.primary.default.hex}} !important;
-  
-  /* Additional Discord banner text variables */
-  --text-normal: {{colors.on_surface.default.hex}} !important;
-  --text-default: {{colors.on_surface.default.hex}} !important;
-  --text-primary: {{colors.on_surface.default.hex}} !important;
-  --text-secondary: {{colors.on_surface_variant.default.hex}} !important;
-  --text-tertiary: {{colors.on_surface_variant.default.hex}} !important;
-  --text-muted: {{colors.on_surface_variant.default.hex}} !important;
-  --interactive-normal: {{colors.on_surface.default.hex}} !important;
-  --interactive-muted: {{colors.on_surface_variant.default.hex}} !important;
-  
-  /* Additional Discord banner variables */
-  --background-message-automod: {{colors.primary.default.hex}}15 !important;
-  --background-message-automod-hover: {{colors.primary.default.hex}}20 !important;
-  --background-message-highlight: {{colors.primary.default.hex}}15 !important;
-  --background-message-highlight-hover: {{colors.primary.default.hex}}20 !important;
-  --background-message-hover: {{colors.surface_variant.default.hex}}50 !important;
-  --background-modifier-hover: {{colors.surface_variant.default.hex}}80 !important;
-  --background-modifier-selected: {{colors.primary.default.hex}}20 !important;
-  --background-modifier-accent: {{colors.primary.default.hex}}30 !important;
-  --background-modifier-active: {{colors.primary.default.hex}}25 !important;
-  
-  /* Chat Input Improvements */
-  --text-input-background: {{colors.surface_container.default.hex}} !important;
-  --text-input-border: {{colors.outline.default.hex}} !important;
-  --text-input-border-hover: {{colors.primary.default.hex}} !important;
-  
-  /* Additional Discord-specific input variables */
-  --deprecated-text-input-bg: {{colors.surface_container.default.hex}} !important;
-  --deprecated-text-input-border: {{colors.outline.default.hex}} !important;
-  --deprecated-text-input-border-hover: {{colors.primary.default.hex}} !important;
-  --input-background: {{colors.surface_container.default.hex}} !important;
-  --input-border: {{colors.outline.default.hex}} !important;
-  --input-placeholder-text: {{colors.on_surface_variant.default.hex}} !important;
-  
-  /* Elevated/Container Backgrounds */
-  --background-tertiary: {{colors.surface_container.default.hex}} !important;
-  --background-accent: {{colors.surface_container.default.hex}} !important;
-  --background-surface-highest: {{colors.surface_container_high.default.hex}} !important;
-  --background-base-lowest: {{colors.surface_container.default.hex}} !important;
+	/* top left corner text */
+	--corner-text: 'Midnight';
 
-  /* Border Colors */
-  --border-faint: {{colors.outline_variant.default.hex}};
-  --border-strong: {{colors.surface_container.default.hex}};
-  --border-normal: {{colors.surface_container_high.default.hex}};
-  --border-subtle: {{colors.surface.default.hex}} !important;
-  --chat-border: {{colors.surface_container_high.default.hex}};
+	/* color of status indicators and window controls */
+    --online-indicator: {{colors.inverse_primary.default.hex}};     /* change to #23a55a for default green */
+	--dnd-indicator: {{colors.error.default.hex}};                  /* change to #f13f43 for default red */
+	--idle-indicator: {{colors.tertiary_container.default.hex}};    /* change to #f0b232 for default yellow */
+	--streaming-indicator: {{colors.on_primary.default.hex}};       /* change to #593695 for default purple */
 
-  /* Status Colors */
-  --status-positive: {{colors.tertiary.default.hex}};
-  --status-positive-background: {{colors.tertiary.default.hex}};
-  --status-positive-text: {{colors.on_tertiary.default.hex}};
-  --text-positive: {{colors.tertiary.default.hex}};
-  --text-feedback-positive: {{colors.tertiary.default.hex}};
-  --background-feedback-positive: {{colors.tertiary.default.hex}}20;
-  --info-positive-background: {{colors.tertiary.default.hex}}20;
-  --info-positive-foreground: {{colors.tertiary.default.hex}};
-  --info-positive-text: {{colors.on_surface.default.hex}};
+	/* accent colors */
+    --accent-1: {{colors.tertiary.default.hex}};            /* links */
+	--accent-2: {{colors.primary.default.hex}};             /* general unread/mention elements, some icons when active */
+	--accent-3: {{colors.primary.default.hex}};             /* accent buttons */
+	--accent-4: {{colors.surface_bright.default.hex}};      /* accent buttons when hovered */
+	--accent-5: {{colors.primary_fixed_dim.default.hex}};   /* accent buttons when clicked */
+	--mention:  {{colors.surface.default.hex}};             /* mentions & mention messages */
+	--mention-hover: {{colors.surface_bright.default.hex}}; /* mentions & mention messages when hovered */
 
-  --status-warning: {{colors.secondary.default.hex}};
-  --status-warning-background: {{colors.secondary.default.hex}};
-  --status-warning-text: {{colors.on_secondary.default.hex}};
-  --text-warning: {{colors.secondary.default.hex}};
-  --text-feedback-warning: {{colors.secondary.default.hex}};
-  --background-feedback-warning: {{colors.secondary.default.hex}}20;
-  --info-warning-background: {{colors.secondary.default.hex}}20;
-  --info-warning-foreground: {{colors.secondary.default.hex}};
-  --info-warning-text: {{colors.on_surface.default.hex}};
+	/* text colors */
+	--text-0: {{colors.surface.default.hex}};               /* text on colored elements */
+	--text-1: {{colors.on_surface.default.hex}};            /* other normally white text */
+	--text-2: {{colors.on_surface.default.hex}};            /* headings and important text */
+	--text-3: {{colors.on_surface_variant.default.hex}};    /* normal text */
+	--text-4: {{colors.on_surface_variant.default.hex}};    /* icon buttons and channels */
+	--text-5: {{colors.outline.default.hex}};               /* muted channels/chats and timestamps */
 
-  --status-danger: {{colors.error.default.hex}};
-  --status-danger-background: {{colors.error.default.hex}};
-  --status-danger-text: {{colors.on_error.default.hex}};
-  --text-danger: {{colors.error.default.hex}};
-  --text-feedback-critical: {{colors.error.default.hex}};
-  --background-feedback-critical: {{colors.error.default.hex}}20;
-  --info-danger-background: {{colors.error.default.hex}}20;
-  --info-danger-foreground: {{colors.error.default.hex}};
-  --info-danger-text: {{colors.on_surface.default.hex}};
+	/* background and dark colors */
+    --bg-1: {{colors.primary.default.hex}};                             /* dark buttons when clicked */
+	--bg-2: {{colors.surface_container_high.default.hex}};              /* dark buttons */
+	--bg-3: {{colors.surface_container_low.default.hex}};               /* spacing, secondary elements */
+	--bg-4: {{colors.surface.default.hex}};                             /* main background color */
+	--hover: {{colors.surface_bright.default.hex}};                     /* channels and buttons when hovered */
+	--active: {{colors.surface_bright.default.hex}};                    /* channels and buttons when clicked or selected */
+	--message-hover: {{colors.surface_bright.default.hex}};             /* messages when hovered */
 
-  /* Button Colors */
-  --button-secondary-background: {{colors.surface_variant.default.hex}} !important;
-  --button-secondary-background-hover: {{colors.surface_container.default.hex}};
-  --button-secondary-background-active: {{colors.surface_container.default.hex}};
-  --button-secondary-background-disabled: {{colors.surface_variant.default.hex}};
-  --button-secondary-text: {{colors.on_surface.default.hex}} !important;
+	/* amount of spacing and padding */
+	--spacing: 12px;
 
-  --button-filled-brand-text: {{colors.on_primary.default.hex}};
-  --button-filled-brand-background: {{colors.primary.default.hex}};
-  --button-filled-brand-background-hover: {{colors.primary.default.hex}};
-  --button-filled-brand-background-active: {{colors.primary.default.hex}};
+	/* animations */
+	/* ALL ANIMATIONS CAN BE DISABLED WITH REDUCED MOTION IN DISCORD SETTINGS */
+	--list-item-transition: 0.2s ease;  /* channels/members/settings hover transition */
+	--unread-bar-transition: 0.2s ease; /* unread bar moving into view transition */
+	--moon-spin-transition: 0.4s ease;  /* moon icon spin */
+	--icon-spin-transition: 1s ease;    /* round icon button spin (settings, emoji, etc.) */
 
-  /* Input Colors */
-  --input-background: {{colors.surface_container.default.hex}};
-  --input-border: {{colors.outline.default.hex}};
-  --input-placeholder-text: {{colors.on_surface_variant.default.hex}};
+	/* corner roundness (border-radius) */
+	--roundness-xl: 22px; /* roundness of big panel outer corners */
+	--roundness-l: 20px; /* popout panels */
+	--roundness-m: 16px; /* smaller panels, images, embeds */
+	--roundness-s: 12px; /* members, settings inputs */
+	--roundness-xs: 10px; /* channels, buttons */
+	--roundness-xxs: 8px; /* searchbar, small elements */
 
-  /* Scrollbar Colors */
-  --scrollbar-thin-thumb: {{colors.primary.default.hex}};
-  --scrollbar-thin-track: transparent;
-  --scrollbar-auto-thumb: {{colors.primary.default.hex}};
-  --scrollbar-auto-track: {{colors.surface_container_high.default.hex}};
-  --scrollbar-auto-scrollbar-color-thumb: {{colors.primary.default.hex}};
-  --scrollbar-auto-scrollbar-color-track: {{colors.surface_container_high.default.hex}};
+	/* direct messages moon icon */
+	/* change to block to show, none to hide */
+	--discord-icon: none; /* discord icon */
+	--moon-icon: block; /* moon icon */
+	--moon-icon-url: url('https://upload.wikimedia.org/wikipedia/commons/c/c4/Font_Awesome_5_solid_moon.svg'); /* custom icon url */
+	--moon-icon-size: auto;
 
-  /* Icon Colors */
-  --icon-muted: {{colors.on_surface_variant.default.hex}};
-  --icon-default: {{colors.on_surface.default.hex}};
-  --icon-primary: {{colors.on_surface.default.hex}};
-  --icon-secondary: {{colors.on_surface_variant.default.hex}};
-  --icon-tertiary: {{colors.on_surface_variant.default.hex}} !important;
-
-  /* Channel Colors */
-  --channels-default: {{colors.on_surface_variant.default.hex}} !important;
-  --channel-icon: {{colors.on_surface_variant.default.hex}} !important;
-  --channel-text-area-placeholder: {{colors.on_surface.default.hex}}80;
-
-  /* Selection and Hover States */
-  --background-modifier-hover: {{colors.surface_variant.default.hex}}80;
-  --background-modifier-selected: {{colors.primary.default.hex}}20 !important;
-  --background-modifier-accent: {{colors.primary.default.hex}}30;
-  --background-modifier-active: {{colors.primary.default.hex}}25 !important;
-  --background-message-hover: {{colors.surface_variant.default.hex}}50 !important;
-  --background-message-highlight: {{colors.primary.default.hex}}15;
-  --background-message-highlight-hover: {{colors.primary.default.hex}}20;
-
-  /* Code Block - Use workspace background */
-  --background-code: {{colors.surface_container.default.hex}};
-  --textbox-markdown-syntax: {{colors.on_surface_variant.default.hex}};
-
-  /* Spoiler */
-  --spoiler-revealed-background: {{colors.surface_container.default.hex}};
-  --spoiler-hidden-background: {{colors.surface_variant.default.hex}};
-
-  /* White/Black Overrides */
-  --white: {{colors.on_surface.default.hex}};
-  --white-400: {{colors.on_surface.default.hex}};
-  --white-500: {{colors.on_surface.default.hex}};
-  --white-600: {{colors.on_surface_variant.default.hex}};
-  --white-700: {{colors.on_surface_variant.default.hex}};
-  --black-500: {{colors.surface_container_high.default.hex}};
-  
-  /* Force styling for Discord unread messages banner */
-  --unread-bar-background: {{colors.primary.default.hex}}15 !important;
-  --unread-bar-text: {{colors.on_surface.default.hex}} !important;
-  --unread-bar-hover: {{colors.primary.default.hex}}20 !important;
-  
-  /* Additional Discord unread bar variables */
-  --background-mentioned: {{colors.primary.default.hex}}15 !important;
-  --background-mentioned-hover: {{colors.primary.default.hex}}20 !important;
-  --text-mentioned: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-hover: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-link: {{colors.primary.default.hex}} !important;
-  
-  /* Discord banner specific variables */
-  --background-message-automod: {{colors.primary.default.hex}}15 !important;
-  --background-message-automod-hover: {{colors.primary.default.hex}}20 !important;
-  --background-message-highlight: {{colors.primary.default.hex}}15 !important;
-  --background-message-highlight-hover: {{colors.primary.default.hex}}20 !important;
-  
-  /* Discord unread bar specific variables */
-  --background-mentioned: {{colors.primary.default.hex}}15 !important;
-  --background-mentioned-hover: {{colors.primary.default.hex}}20 !important;
-  --text-mentioned: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-hover: {{colors.on_surface.default.hex}} !important;
-  --text-mentioned-link: {{colors.primary.default.hex}} !important;
-  
-  /* Additional Discord text variables that might affect the banner */
-  --text-normal: {{colors.on_surface.default.hex}} !important;
-  --text-default: {{colors.on_surface.default.hex}} !important;
-  --text-primary: {{colors.on_surface.default.hex}} !important;
-  --text-secondary: {{colors.on_surface_variant.default.hex}} !important;
-  --text-tertiary: {{colors.on_surface_variant.default.hex}} !important;
-  --text-muted: {{colors.on_surface_variant.default.hex}} !important;
-  --interactive-normal: {{colors.on_surface.default.hex}} !important;
-  --interactive-muted: {{colors.on_surface_variant.default.hex}} !important;
-  
-  /* Force styling for Discord chat input */
-  --chat-input-background: {{colors.surface_container.default.hex}} !important;
-  --chat-input-placeholder: {{colors.on_surface_variant.default.hex}} !important;
-  
-  /* Discord unread messages banner specific variables */
-  --new-messages-bar-background: {{colors.surface_container.default.hex}} !important;
-  --new-messages-bar-text: {{colors.on_surface.default.hex}} !important;
-  --new-messages-bar-hover: {{colors.surface_container_high.default.hex}} !important;
-  --bar-button-background: {{colors.surface_container.default.hex}} !important;
-  --bar-button-text: {{colors.on_surface.default.hex}} !important;
-  --bar-button-hover: {{colors.surface_container_high.default.hex}} !important;
+	/* filter uncolorable elements to fit theme */
+	/* (just set to none, they're too much work to configure) */
+	--login-bg-filter: saturate(0.3) hue-rotate(-15deg) brightness(0.4); /* login background artwork */
+	--green-to-accent-3-filter: hue-rotate(56deg) saturate(1.43); /* add friend page explore icon */
+	--blurple-to-accent-3-filter: hue-rotate(304deg) saturate(0.84) brightness(1.2); /* add friend page school icon */
 }
 
-.visual-refresh.theme-dark ::selection,
-.visual-refresh .theme-dark ::selection {
-  background-color: {{colors.primary.default.hex}};
+/* Selected chat/friend text */
+.selected_f5eb4b,
+.selected_f6f816 .link_d8bfb3 {
+  color: var(--text-0) !important;
+  background: var(--accent-3) !important;
 }
 
-/* Force Discord unread messages banner styling */
-.visual-refresh.theme-dark .newMessagesBar__0f481,
-.visual-refresh.theme-dark .barButtonMain__0f481,
-.visual-refresh.theme-dark .barButtonBase__0f481,
-.visual-refresh.theme-dark .span__0f481 {
-  background-color: {{colors.surface_container.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .newMessagesBar__0f481:hover,
-.visual-refresh.theme-dark .barButtonMain__0f481:hover,
-.visual-refresh.theme-dark .barButtonBase__0f481:hover {
-  background-color: {{colors.surface_container_high.default.hex}} !important;
-}
-
-/* Force Discord chat input styling */
-.visual-refresh.theme-dark .channelTextArea-rNsIhG,
-.visual-refresh.theme-dark .channelTextArea-rNsIhG *,
-.visual-refresh.theme-dark .scrollableContainer-2NUZem,
-.visual-refresh.theme-dark [data-slate-editor="true"] {
-  background-color: {{colors.surface_container.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark [data-slate-editor="true"]::placeholder,
-.visual-refresh.theme-dark .channelTextArea-rNsIhG [data-slate-editor="true"]::placeholder {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-/* Discord Emoji Picker Theming */
-.visual-refresh.theme-dark .contentWrapper__08434,
-.visual-refresh.theme-dark .emojiPicker_c0e32c,
-.visual-refresh.theme-dark .wrapper_c0e32c {
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .nav__08434,
-.visual-refresh.theme-dark .navList__08434 {
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .navButton__08434 {
-  background-color: {{colors.surface.default.hex}} !important;
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .navButtonActive__08434 {
-  background-color: {{colors.surface.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .searchBar_c0e32c,
-.visual-refresh.theme-dark .input_a45028 {
-  background-color: {{colors.surface.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .input_a45028::placeholder {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .header_c656ac,
-.visual-refresh.theme-dark .header__14245,
-.visual-refresh.theme-dark .wrapper__14245 {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .headerLabel__14245 {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .interactive__14245 {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .header__14245 {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .header__14245 * {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .headerIcon__14245 svg,
-.visual-refresh.theme-dark .headerCollapseIcon__14245 svg {
-  color: {{colors.on_surface.default.hex}} !important;
-  fill: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .emojiItem_fc7141 {
-  background-color: transparent !important;
-}
-
-.visual-refresh.theme-dark .emojiItem_fc7141:hover {
-  background-color: {{colors.surface_container.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .emojiItemSelected_fc7141 {
-  background-color: {{colors.primary.default.hex}}20 !important;
-}
-
-.visual-refresh.theme-dark .inspector_aeaaeb {
-  background-color: {{colors.surface_container.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .categoryList_c0e32c {
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .categoryItem_b9ee0c {
-  background-color: transparent !important;
-}
-
-.visual-refresh.theme-dark .categoryItem_b9ee0c:hover {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .categoryItemDefaultCategorySelected_b9ee0c {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-/* Additional Discord emoji picker elements */
-.visual-refresh.theme-dark .navItem__08434 {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .navItem__08434:hover {
-  background-color: {{colors.surface_container.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .stickersNavItem__08434 {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .wrapper__14245 {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .headerLabel__14245 {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .headerIcon__14245 svg,
-.visual-refresh.theme-dark .headerCollapseIcon__14245 svg {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .interactive__14245:hover {
-  background-color: {{colors.surface_container.default.hex}} !important;
-}
-
-/* Chat input styling */
-.visual-refresh.theme-dark .scrollableContainer__74017,
-.visual-refresh.theme-dark .themedBackground__74017,
-.visual-refresh.theme-dark .inner__74017,
-.visual-refresh.theme-dark .textArea__74017,
-.visual-refresh.theme-dark .slateContainer_ec4baf,
-.visual-refresh.theme-dark .markup__75297,
-.visual-refresh.theme-dark .editor__1b31f,
-.visual-refresh.theme-dark .slateTextArea_ec4baf {
-  background-color: {{colors.surface_container.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .emptyText__1464f {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .placeholder__1b31f {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-/* Message content styling */
-.visual-refresh.theme-dark .messageContent_c19a55 {
-  color: {{colors.on_surface.default.hex}} !important;
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .messageContent_c19a55 .markup__75297 {
-  color: {{colors.on_surface.default.hex}} !important;
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-/* Message background styling */
-.visual-refresh.theme-dark .message__5126c,
-.visual-refresh.theme-dark .cozyMessage__5126c,
-.visual-refresh.theme-dark .wrapper_c19a55,
-.visual-refresh.theme-dark .contents_c19a55 {
-  background-color: {{colors.surface.default.hex}} !important;
-}
-
-/* Message hover effects */
-.visual-refresh.theme-dark .message__5126c:hover {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .message__5126c:hover * {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-/* Remove Discord's native quote/reply bar */
-.visual-refresh.theme-dark .message__5126c::before {
-  display: none !important;
-}
-
-.visual-refresh.theme-dark .message__5126c.hasReply_c19a55::before {
-  display: none !important;
-}
-
-/* Channel styling - darker text for read channels */
-.visual-refresh.theme-dark .link__2ea32 .name__2ea32 {
-  color: {{colors.outline.default.hex}} !important;
-}
-
-/* Unread channels keep normal color */
-.visual-refresh.theme-dark .link__2ea32[aria-label*="unread"] .name__2ea32 {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-/* Search input styling */
-.visual-refresh.theme-dark .inner_a45028 {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .input_a45028 {
-  background-color: transparent !important;
-}
-
-.visual-refresh.theme-dark .input_a45028::placeholder {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-/* Chat input placeholder styling */
-.visual-refresh.theme-dark .emptyText__1464f {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .slateTextArea_ec4baf > div:first-child .emptyText__1464f::before {
-  content: "send a message" !important;
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-/* Hide placeholder when input is focused */
-.visual-refresh.theme-dark .slateTextArea_ec4baf:focus .emptyText__1464f::before,
-.visual-refresh.theme-dark .markup__75297:focus .emptyText__1464f::before {
-  display: none !important;
-}
-
-
-
-.visual-refresh.theme-dark .message__5126c:hover .messageContent_c19a55,
-.visual-refresh.theme-dark .message__5126c:hover .markup__75297,
-.visual-refresh.theme-dark .message__5126c:hover .header_c19a55,
-.visual-refresh.theme-dark .message__5126c:hover .headerText_c19a55,
-.visual-refresh.theme-dark .message__5126c:hover .username_c19a55,
-.visual-refresh.theme-dark .message__5126c:hover .timestamp_c19a55 {
-  background-color: {{colors.surface_variant.default.hex}} !important;
-}
-
-
-
-.visual-refresh.theme-dark .categoryIcon_b9ee0c svg {
-  color: {{colors.on_surface_variant.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .unicodeShortcut_b9ee0c {
-  background-color: {{colors.surface_container.default.hex}} !important;
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .unicodeShortcut_b9ee0c:hover {
-  background-color: {{colors.surface_container_high.default.hex}} !important;
-}
-
-.visual-refresh.theme-dark .unicodeShortcut_b9ee0c svg {
-  color: {{colors.on_surface.default.hex}} !important;
-}
-
-/* Number badge styling */
-.visual-refresh.theme-dark .numberBadge__2b1f5 {
-  color: {{colors.surface.default.hex}} !important;
-  background-color: {{colors.primary.default.hex}} !important;
-}
-
-/* New badge styling */
-.visual-refresh.theme-dark .newBadge__4ed1a {
-  color: {{colors.surface.default.hex}} !important;
-  background-color: {{colors.primary.default.hex}} !important;
-}
-
-
-
-
-
-
-
-
-
+.selected_f6f816 .link_d8bfb3 * {
+  color: var(--text-0) !important;
+  fill: var(--text-0) !important;
+}
\ No newline at end of file
diff --git a/Assets/noctalia.svg b/Assets/noctalia.svg
new file mode 100644
index 0000000..330a168
--- /dev/null
+++ b/Assets/noctalia.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   fill="none"
+   stroke="currentColor"
+   stroke-width="2"
+   stroke-linecap="round"
+   stroke-linejoin="round"
+   class="icon icon-tabler icons-tabler-outline icon-tabler-sunset-2"
+   version="1.1"
+   id="svg10"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs10" />
+  <path
+     id="circle10"
+     style="clip-rule:evenodd;fill:#000000;fill-rule:evenodd;stroke-width:0;stroke-dasharray:none;shape-rendering:geometricPrecision"
+     d="M 4.5,0 C 2.0266759,7.850659e-5 6.1448994e-5,2.0266816 0,4.5 A 0.99996498,0.99996498 0 0 0 0,4.50195 C 0.00243967,5.6240999 0.4253448,6.7059833 1.1835938,7.5332 V 7.50195 a 0.99996498,0.99996498 0 0 0 0.027344,0.064453 l 2.019531,2.0195345 C 2.4871844,10.13431 2.0000001,11.014775 2,12 2,12.817614 2.3343469,13.563859 2.8730469,14.107422 1.733064,15.025951 1.0000002,16.43115 1,18 c 3e-7,2.749578 2.2504219,5 5,5 2.7495781,0 5,-2.250422 5,-5 0,-0.236148 -0.01869,-0.467638 -0.05078,-0.695312 l 5.447265,5.447265 a 0.99996498,0.99996498 0 0 0 0.04102,0.01758 h -0.01953 C 17.249953,23.556355 18.350972,23.996616 19.496094,24 A 0.99996498,0.99996498 0 0 0 19.5,24 c 2.473324,-7.9e-5 4.499938,-2.026682 4.5,-4.5 -1.37e-4,-1.26814 -0.53589,-2.477693 -1.474609,-3.330078 l -0.0039,-0.0039 -1.751953,-1.751954 C 21.512816,13.86569 22,12.985225 22,12 22,11.182386 21.665653,10.436141 21.126953,9.8925781 22.266936,8.974049 23,7.5688498 23,6 23,3.2504219 20.749578,1.0000003 18,1 c -2.749578,3e-7 -5,2.2504219 -5,5 0,0.2361479 0.01869,0.4676378 0.05078,0.6953125 L 7.8339844,1.4785156 C 6.9814025,0.53724614 5.7699953,1.462012e-4 4.5,0 Z m 0,2 c 0.7064379,8.13e-5 1.3792682,0.2986858 1.8535156,0.8222656 a 0.99996498,0.99996498 0 0 0 0.033203,0.035156 l 9.8515624,9.8515624 2.052735,2.052735 2.83789,2.839843 a 0.99996498,0.99996498 0 0 0 0.04883,0.04492 0.99996498,0.99996498 0 0 0 0,0.002 C 21.700457,18.122528 21.999924,18.794191 22,19.5 c -3.5e-5,1.39196 -1.106336,2.498912 -2.498047,2.5 -0.63606,-0.0024 -1.246818,-0.246517 -1.708984,-0.683594 a 0.99996498,0.99996498 0 0 0 -0.0039,0 L 2.6601562,6.1875 2.65625,6.1816406 C 2.2346583,5.7217023 2.0013565,5.1219665 2,4.4980469 2.0010783,3.1063556 3.1080195,2.0000442 4.5,2 Z M 18,3 c 1.668498,2e-7 3,1.3315021 3,3 0,1.6684979 -1.331502,2.9999998 -3,3 -1.668498,-2e-7 -3,-1.3315021 -3,-3 0,-1.6684979 1.331502,-2.9999998 3,-3 z M 5,11 a 1,1 0 0 1 1,1 1,1 0 0 1 -0.050781,0.304688 l 0.00586,0.0059 C 5.8287622,12.716954 5.4556239,13 5,13 4.4356696,13 4,12.56433 4,12 4,11.544376 4.2830461,11.171238 4.6894531,11.044922 l 0.00586,0.0059 A 1,1 0 0 1 5,11 Z m 14,0 c 0.56433,0 1,0.43567 1,1 0,0.455624 -0.283046,0.828762 -0.689453,0.955078 l -0.0059,-0.0059 A 1,1 0 0 1 19,13 1,1 0 0 1 18,12 1,1 0 0 1 18.05078,11.695312 l -0.0059,-0.0059 C 18.171238,11.283046 18.544376,11 19,11 Z M 6,15 c 1.6684979,0 2.9999998,1.331502 3,3 -2e-7,1.668498 -1.3315021,3 -3,3 -1.6684979,0 -2.9999998,-1.331502 -3,-3 2e-7,-1.668498 1.3315021,-3 3,-3 z" />
+</svg>