diff --git a/lua/tokyonight/colors/day.lua b/lua/tokyonight/colors/day.lua
index 3930f115..653a12e6 100644
--- a/lua/tokyonight/colors/day.lua
+++ b/lua/tokyonight/colors/day.lua
@@ -12,5 +12,6 @@ return function(opts)
 
   Util.invert(colors)
   colors.bg_dark = Util.blend(colors.bg, 0.9, colors.fg)
+  colors.bg_dark1 = Util.blend(colors.bg_dark, 0.9, colors.fg)
   return colors
 end
diff --git a/lua/tokyonight/colors/moon.lua b/lua/tokyonight/colors/moon.lua
index 52fa28fd..12cc9a5e 100644
--- a/lua/tokyonight/colors/moon.lua
+++ b/lua/tokyonight/colors/moon.lua
@@ -2,6 +2,7 @@
 return {
   bg = "#222436",
   bg_dark = "#1e2030",
+  bg_dark1 = "#191B29",
   bg_highlight = "#2f334d",
   blue = "#82aaff",
   blue0 = "#3e68d7",
diff --git a/lua/tokyonight/colors/night.lua b/lua/tokyonight/colors/night.lua
index 8b246262..09ea61be 100644
--- a/lua/tokyonight/colors/night.lua
+++ b/lua/tokyonight/colors/night.lua
@@ -4,4 +4,5 @@ local ret = vim.deepcopy(require("tokyonight.colors.storm"))
 return vim.tbl_deep_extend("force", ret, {
   bg = "#1a1b26",
   bg_dark = "#16161e",
+  bg_dark1 = "#0C0E14",
 })
diff --git a/lua/tokyonight/colors/storm.lua b/lua/tokyonight/colors/storm.lua
index b5853857..dfba7a1b 100644
--- a/lua/tokyonight/colors/storm.lua
+++ b/lua/tokyonight/colors/storm.lua
@@ -2,6 +2,7 @@
 local ret = {
   bg = "#24283b",
   bg_dark = "#1f2335",
+  bg_dark1 = "#1b1e2d",
   bg_highlight = "#292e42",
   blue = "#7aa2f7",
   blue0 = "#3d59a1",
diff --git a/lua/tokyonight/extra/discord.lua b/lua/tokyonight/extra/discord.lua
new file mode 100644
index 00000000..5c00949a
--- /dev/null
+++ b/lua/tokyonight/extra/discord.lua
@@ -0,0 +1,535 @@
+local util = require("tokyonight.util")
+
+local M = {}
+
+--- @param colors ColorScheme
+function M.generate(colors)
+  local fish = util.template(
+    [[
+.theme-light,
+.theme-dark {
+  --header-primary: ${fg};
+  --header-secondary: ${fg_dark};
+  --text-normal: ${fg};
+  --text-muted: ${fg_dark};
+  --text-link: ${blue};
+  --text-link-low-saturation: ${blue5};
+  --text-positive: ${hint};
+  --text-warning: ${warning};
+  --text-danger: ${red};
+  --text-brand: ${blue};
+  --background-primary: ${bg};
+  --bg-base-primary: ${bg};
+  --background-secondary: ${bg_dark};
+  --background-secondary-alt: ${bg_dark};
+  --background-tertiary: ${bg_dark1};
+  --background-accent: ${blue0};
+  --background-floating: ${bg_float};
+  --background-nested-floating: ${bg_dark};
+  --background-mobile-primary: ${bg};
+  --background-mobile-secondary: ${bg_dark};
+  --bg-base-secondary: ${bg_dark};
+  --bg-surface-raised: ${bg_dark};
+  --home-background: ${bg};
+  --chat-background: ${bg};
+  --chat-border: ${bg_highlight};
+  --chat-input-container-background: ${bg};
+  --background-modifier-hover: ${dark3}26;
+  --background-modifier-selected: ${dark3}32;
+  --background-modifier-accent: ${dark3}42;
+  --background-modifier-active: ${dark3}2B;
+  --info-positive-background: ${green}26;
+  --info-positive-foreground: ${hint};
+  --info-positive-text: ${fg};
+  --brand-500: ${blue0};
+  --brand-560: ${blue};
+  --info-warning-background: ${yellow}26;
+  --info-warning-foreground: ${warning};
+  --info-warning-text: ${fg};
+  --info-danger-background:${red}26;
+  --info-danger-foreground: ${red};
+  --info-danger-text: ${fg};
+  --info-help-background: ${blue5}26;
+  --info-help-foreground: ${info};
+  --info-help-text: ${fg};
+  --status-positive-background: ${hint};
+  --status-positive-text: ${bg};
+  --status-warning-background: ${warning};
+  --status-warning-text: ${bg};
+  --status-danger-background: ${red};
+  --status-danger-text: ${bg};
+  --status-danger: ${red};
+  --status-positive: ${hint};
+  --status-warning: ${warning};
+  --status-yellow-400: ${warning};
+  --status-green-600: ${hint};
+  --primary-dark-600: ${bg};
+  --status-yellow-560: ${warning};
+  --status-red-500: ${red};
+  --status-red-530: ${red};
+  --status-yellow-500: ${warning};
+  --black-500: ${bg_highlight};
+  --green-360: ${hint};
+  --yellow-360: ${warning};
+  --yellow-300: ${warning};
+  --red-400: ${red};
+  --primary-100: ${dark5};
+  --primary-300: ${dark5};
+  --primary-400: ${dark5};
+  --primary-dark-700: ${bg_highlight};
+  --primary-800: ${bg_highlight};
+  --status-green-560: ${hint};
+  --white-400: ${fg};
+  --white-500: ${fg};
+  --guild-boosting-pink: ${magenta};
+  --premium-perk-yellow: ${warning};
+  --premium-perk-purple: ${purple};
+  --premium-perk-dark-blue: ${blue};
+  --premium-perk-light-blue: ${blue1};
+  --premium-perk-blue: ${blue};
+  --premium-perk-green: ${hint};
+  --premium-perk-pink: ${pink};
+  --premium-perk-orange: ${orange};
+  --status-green-400: ${hint};
+  --button-danger-background: ${error};
+  --button-danger-background-hover: ${red};
+  --button-danger-background-active: ${blue5};
+  --button-danger-background-disabled: ${red};
+  --button-positive-background: ${hint};
+  --button-positive-background-hover: ${green1};
+  --button-positive-background-active: ${green2};
+  --button-positive-background-disabled: ${hint};
+  --button-secondary-background: ${dark3};
+  --button-secondary-background-hover: ${fg_gutter};
+  --button-secondary-background-active: ${fg_gutter};
+  --button-secondary-background-disabled: ${dark5};
+  --button-outline-danger-text: ${fg};
+  --button-outline-danger-border: ${error};
+  --button-outline-danger-background: transparent;
+  --button-outline-danger-background-hover: ${red};
+  --button-outline-danger-text-hover: ${bg};
+  --button-outline-danger-border-hover: ${red};
+  --button-outline-danger-background-active: ${error};
+  --button-outline-danger-text-active: ${bg};
+  --button-outline-danger-border-active: ${error};
+  --button-outline-positive-text: ${fg};
+  --button-outline-positive-border: ${hint};
+  --button-outline-positive-background: transparent;
+  --button-outline-positive-background-hover: ${green};
+  --button-outline-positive-text-hover: ${bg};
+  --button-outline-positive-border-hover: ${green};
+  --button-outline-positive-background-active: ${green1};
+  --button-outline-positive-text-active: ${bg};
+  --button-outline-positive-border-active: ${green};
+  --button-outline-brand-text: ${fg};
+  --button-outline-brand-border: ${blue};
+  --button-outline-brand-background: transparent;
+  --button-outline-brand-background-hover: ${blue1};
+  --button-outline-brand-text-hover: ${bg};
+  --button-outline-brand-border-hover: ${blue1};
+  --button-outline-brand-background-active: ${blue};
+  --button-outline-brand-text-active: ${bg};
+  --button-outline-brand-border-active: ${blue1};
+  --button-outline-primary-text: ${fg};
+  --button-outline-primary-border: ${dark3};
+  --button-outline-primary-background: transparent;
+  --button-outline-primary-background-hover: ${dark3};
+  --button-outline-primary-text-hover: ${bg};
+  --button-outline-primary-border-hover: ${dark3};
+  --button-outline-primary-background-active: ${dark3};
+  --button-outline-primary-text-active: ${bg};
+  --button-outline-primary-border-active: ${dark3};
+  --modal-background: ${bg};
+  --modal-footer-background: ${bg_highlight};
+  --scrollbar-thin-thumb: ${blue};
+  --scrollbar-thin-track: transparent;
+  --scrollbar-auto-thumb: ${blue};
+  --scrollbar-auto-track: ${bg_highlight};
+  --scrollbar-auto-scrollbar-color-thumb: ${blue};
+  --scrollbar-auto-scrollbar-color-track: ${bg_highlight};
+  --input-background: ${bg_highlight};
+  --input-placeholder-text: ${dark5};
+  --logo-primary: ${fg};
+  --control-brand-foreground: ${blue};
+  --control-brand-foreground-new: ${blue};
+  --mention-foreground: ${blue};
+  --mention-background: ${terminal_black};
+  --background-mentioned: ${yellow}19;
+  --background-mentioned-hover: ${yellow}14;
+  --background-message-hover: ${bg_dark}3F;
+  --background-message-automod: ${magenta}0C;
+  --background-message-automod-hover: ${magenta}19;
+  --background-message-highlight: ${blue}14;
+  --background-message-highlight-hover: ${blue}0F;
+  --channels-default: ${fg_dark};
+  --channel-icon: ${blue}99;
+  --channel-text-area-placeholder: ${dark3}7F;
+  --channeltextarea-background: ${bg_dark};
+  --activity-card-background: ${bg_highlight};
+  --textbox-markdown-syntax: ${fg};
+  --spoiler-revealed-background: ${bg_highlight};
+  --spoiler-hidden-background: ${comment};
+  --android-navigation-bar-background: ${bg_highlight};
+  --android-ripple: ${black}4C;
+  --bg-mod-faint: ${bg_dark};
+  --bg-mod-subtle: ${terminal_black};
+  --focus-primary: ${blue};
+  --interactive-normal: ${fg};
+  --interactive-muted: ${dark3}4C;
+  --interactive-hover: ${fg};
+  --interactive-active: ${fg};
+  --search-popout-option-non-text-color: ${fg_dark};
+  --__spoiler-background-color--hidden: ${blue7};
+  --__spoiler-warning-background-color: ${purple};
+}
+
+div[class*="autocomplete_"] {
+    background-color: ${bg_float} !important;
+}
+
+div[class*="autocomplete_"]
+div[class*="categoryHeader"] {
+    background-color: ${bg_float} !important;
+}
+
+rect[mask="url(#svg-mask-status-online)"] {
+    fill: ${green2};
+}
+
+rect[mask="url(#svg-mask-status-idle)"] {
+    fill: ${yellow};
+}
+
+rect[mask="url(#svg-mask-status-dnd)"] {
+    fill: ${red1};
+}
+
+rect[mask="url(#svg-mask-status-offline)"] {
+    fill: ${dark5};
+}
+
+/* hljs */
+/* stolen from https://github.com/x6r/dracula/blob/main/addons/hljs-styling.scss :D */
+:root {
+  /* ---- Default Colors -- */
+  --background: var(--background-secondary);
+  --text-default: ${fg_dark};
+  --color-1: ${red};
+  --color-2: ${orange};
+  --color-3: ${yellow};
+  --color-4: ${green};
+  --color-5: ${green1};
+  --color-6: ${blue6};
+  --color-7: ${blue2};
+  --color-8: ${cyan};
+  --color-9: ${blue};
+  --color-10: ${magenta};
+  --color-11: ${fg};
+  /* ---- HLJS Default -- */
+  --hljs-attribute: var(--color-7);
+  --hljs-nomarkup: var(--color-8);
+  --hljs-variable: var(--color-11);
+  --hljs-meta: var(--color-8);
+  --hljs-meta-string: var(--color-4);
+  --hljs-meta-keyword: var(--hljs-meta);
+  --hljs-literal: var(--color-2);
+  --hljs-section: var(--color-9);
+  --hljs-number: var(--color-2);
+  --hljs-name: var(--color-4);
+  --hljs-selector-tag: var(--color-4);
+  --hljs-selector-class: var(--color-9);
+  --hljs-selector-attr: var(--color-7);
+  --hljs-selector-pseudo: var(--color-7);
+  --hljs-selector-id: var(--hljs-selector-class);
+  --hljs-keyword: var(--color-10);
+  --hljs-built_in: var(--color-3);
+  --hljs-title: var(--color-9);
+  --hljs-link: var(--color-5);
+  --hljs-bullet: var(--color-10);
+  --hljs-symbol: var(--color-1);
+  --hljs-addition: var(--color-1);
+  --hljs-deletion: var(--color-5);
+  --hljs-attr: var(--color-2);
+  --hljs-punctuation: var(--text-default);
+  --hljs-regexp: var(--color-6);
+  --hljs-type: var(--color-10);
+  --hljs-operator: var(--color-10);
+  --hljs-rest_arg: var(--text-default);
+  --hljs-template-variable: var(--color-11);
+  /* ---- HLJS Specific -- */
+  /* --> Params */
+  --hljs-params: var(--text-default);
+  --hljs-params-attr: var(--hljs-params);
+  /* --> Comment */
+  --hljs-comment: ${comment};
+  --hljs-comment-doctag: var(--hljs-comment);
+  /* --> String */
+  --hljs-string: var(--color-4);
+  --hljs-string-subst: var(--color-5);
+  --hljs-string-template-variable: var(--color-2);
+  /* --> Tag */
+  --hljs-tag: var(--color-7);
+  --hljs-tag-name: var(--color-10);
+  --hljs-tag-attr: var(--color-5);
+  /* --> Function */
+  --hljs-function: var(--text-default);
+  --hljs-function-keyword: var(--hljs-keyword);
+  --hljs-function-title: var(--hljs-title);
+  --hljs-function-params: var(--hljs-params);
+  --hljs-function-literal: var(--hljs-literal);
+  --hljs-function-operator: var(--hljs-operator);
+  /* --> Class */
+  --hljs-class: var(--text-default);
+  --hljs-class-keyword: var(--color-6);
+  --hljs-class-title: var(--color-7);
+}
+
+#app-mount .hljs {
+  font-family: "JetBrainsMono Nerd Font", "JetBrains Mono", var(--font-code),
+    monospace;
+  background: var(--background-secondary);
+  color: var(--text-normal);
+  padding: 15px 20px;
+  border-radius: 5px;
+}
+
+#app-mount .codeLine-3a3dbd {
+  color: var(--text-default);
+}
+
+#app-mount .hljs-comment {
+  color: var(--hljs-comment);
+}
+
+#app-mount .hljs-attribute {
+  color: var(--hljs-attribute);
+}
+
+#app-mount .hljs-nomarkup {
+  color: var(--hljs-nomarkup);
+}
+
+#app-mount .hljs-variable {
+  color: var(--hljs-variable);
+}
+
+#app-mount .hljs-meta {
+  color: var(--hljs-meta);
+}
+
+#app-mount .hljs-meta-string {
+  color: var(--hljs-meta-string);
+}
+
+#app-mount .hljs-meta-keyword {
+  color: var(--hljs-meta-keyword);
+}
+
+#app-mount .hljs-literal {
+  color: var(--hljs-literal);
+}
+
+#app-mount .hljs-string {
+  color: var(--hljs-string);
+}
+
+#app-mount .hljs-section {
+  color: var(--hljs-section);
+}
+
+#app-mount .hljs-number {
+  color: var(--hljs-number);
+}
+
+#app-mount .hljs-tag {
+  color: var(--hljs-tag);
+}
+
+#app-mount .hljs-name {
+  color: var(--hljs-name);
+}
+
+#app-mount .hljs-selector-tag {
+  color: var(--hljs-selector-tag);
+}
+
+#app-mount .hljs-selector-class {
+  color: var(--hljs-selector-class);
+}
+
+#app-mount .hljs-selector-attr {
+  color: var(--hljs-selector-attr);
+}
+
+#app-mount .hljs-selector-pseudo {
+  color: var(--hljs-selector-pseudo);
+}
+
+#app-mount :not(.hljs-function) > .hljs-keyword {
+  color: var(--color10);
+  font-style: italic;
+}
+
+#app-mount .hljs-function {
+  color: var(--hljs-function);
+}
+
+#app-mount .hljs-built_in {
+  color: var(--hljsbuilt_in);
+}
+
+#app-mount .hljs-title {
+  color: var(--hljs-title);
+}
+
+#app-mount .hljs-link {
+  color: var(--hljs-link);
+}
+
+#app-mount .hljs-bullet {
+  color: var(--hljs-bullet);
+}
+
+#app-mount .hljs-symbol {
+  color: var(--hljs-symbol);
+}
+
+#app-mount .hljs-addition {
+  color: var(--hljs-addition);
+}
+
+#app-mount .hljs-deletion {
+  color: var(--hljs-deletion);
+}
+
+#app-mount .hljs-attr {
+  color: var(--hljs-attr);
+}
+
+#app-mount .hljs-punctuation {
+  color: var(--hljs-punctuation);
+}
+
+#app-mount .hljs-regexp {
+  color: var(--hljs-regexp);
+}
+
+#app-mount .hljs-type {
+  color: var(--hljs-type);
+}
+
+#app-mount .hljs-selector-id {
+  color: var(--hljs-selector-id);
+}
+
+#app-mount .hljs-params {
+  color: var(--hljs-params);
+}
+
+#app-mount .hljs-operator {
+  color: var(--hljs-operator);
+}
+
+#app-mount .hljs-rest_arg {
+  color: var(--hljs-rest_arg);
+}
+
+#app-mount .hljs-template-variable {
+  color: var(--hljs-template-variable);
+}
+
+#app-mount .hljs-comment .hljs-doctag {
+  color: var(--hljs-comment-doctag);
+}
+
+#app-mount .hljs-params .hljs-attr {
+  color: var(--hljs-params-attr);
+}
+
+#app-mount .hljs-string .hljs-subst {
+  color: var(--hljs-string-subst);
+}
+
+#app-mount .hljs-string .hljs-template-variable {
+  color: var(--hljs-string-template-variable);
+}
+
+#app-mount .hljs-tag .hljs-name {
+  color: var(--hljs-tag-name);
+}
+
+#app-mount .hljs-tag .hljs-attr {
+  color: var(--hljs-tag-attr);
+}
+
+#app-mount .hljs-function .hljs-keyword {
+  color: var(--hljs-function-keyword);
+}
+
+#app-mount .hljs-function .hljs-title {
+  color: var(--hljs-function-title);
+}
+
+#app-mount .hljs-function .hljs-literal {
+  color: var(--hljs-function-literal);
+}
+
+#app-mount .hljs-function .hljs-params {
+  color: var(--hljs-function-params);
+}
+
+#app-mount .hljs-function .hljs-operator {
+  color: var(--hljs-function-operator);
+}
+
+#app-mount .hljs-class .hljs-keyword {
+  color: var(--hljs-class-keyword);
+}
+
+#app-mount .hljs-class .hljs-title {
+  color: var(--hljs-class-title);
+}
+
+/* Haskell Specific Syntax */
+#app-mount .hs .hljs-type {
+  color: var(--color-7);
+}
+
+/* Lua Specific Syntax */
+#app-mount .lua .hljs-built_in {
+  color: var(--color-7);
+}
+
+/* Clang Specific Syntax */
+#app-mount .c .hljs-keyword {
+  color: var(--color-7);
+}
+#app-mount .c .hljs-built_in {
+  color: var(--color-9);
+}
+#app-mount .c > .hljs-keyword {
+  color: var(--color-10);
+}
+
+/* CSS Specific Syntax */
+#app-mount .css .hljs-built_in {
+  color: var(--color-5);
+}
+
+/* Rust Specific Syntax */
+#app-mount .rust .hljs-built_in {
+  color: var(--color-7);
+}
+
+/* PHP Specific Syntax */
+#app-mount .php .hljs-variable {
+  color: var(--color-10);
+}
+]],
+    colors
+  )
+
+  return fish
+end
+
+return M
diff --git a/lua/tokyonight/extra/init.lua b/lua/tokyonight/extra/init.lua
index 4a3c6ba2..0c983a12 100644
--- a/lua/tokyonight/extra/init.lua
+++ b/lua/tokyonight/extra/init.lua
@@ -9,6 +9,7 @@ M.extras = {
   aerc             = { ext = "ini", url = "https://git.sr.ht/~rjarry/aerc/", label = "Aerc" },
   alacritty        = { ext = "toml", url = "https://github.com/alacritty/alacritty", label = "Alacritty" },
   delta            = { ext = "gitconfig", url = "https://github.com/dandavison/delta", label = "Delta" },
+  discord          = { ext = "css", url ="https://betterdiscord.app/", label = "(Better-)Discord"},
   dunst            = { ext = "dunstrc", url = "https://dunst-project.org/", label = "Dunst" },
   fish             = { ext = "fish", url = "https://fishshell.com/docs/current/index.html", label = "Fish" },
   fish_themes      = { ext = "theme", url = "https://fishshell.com/docs/current/interactive.html#syntax-highlighting", label = "Fish Themes" },