Dark Blue Theme - Discord by malakeifox

/* ==UserStyle==
@name           Discord Navy Blue Theme
@namespace      MalakeiT
@author         Logic_Mastermind
@description    `<b>[IMPORTANT]:</b> Please frequently revisit this page and update the style every now and then.<b>!! Working Theme !!</b> Discord changed their css rules, this theme was updated to match with the update.Customize Discord's appearance to an easing dark amoled theme.This is still in development, so expect bugs etc.Feedback is greatly appreciated, so if you've found any issues, you can leave a review and I'll get back to it as soon as possible.<b>Additional Images:</b><a target="_blank" href="https://media.discordapp.net/attachments/940067209995255861/940069000262602834/unknown.png">Channel Colours</a><a target="_blank" href="https://media.discordapp.net/attachments/940067209995255861/940069919708569670/unknown.png?width=1249&height=606">User Settings</a><a target="_blank" href="https://media.discordapp.net/attachments/940067209995255861/940069933553946674/unknown.png?width=1249&height=606">Guild Settings</a>`
@version        20220830.18.1
@license        CC-BY-NC-4.0
@preprocessor   uso
@advanced color primary "Primary Background" #18191C
@advanced color secondary "Secondary Background" #1B1C1F
@advanced color tertiary "Tertiary Background" #151516

==/UserStyle== */
@-moz-document url("http://www.w3.org/"),
               url-prefix("http://www.w3.org/Style/"),
regexp("https://(canary\\.discord|ptb\\.discord|discord)\\.com/(channels|library|store|app|guild-discovery|oauth2).*")
{
.theme-dark, .theme-light {
    --header-primary: #fff;
    --header-secondary: #b9bbbe;
    --text-normal: #fff;
    --text-muted: #939599;
    --text-link: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
    --text-link-low-saturation: hsl(197,calc(var(--saturation-factor, 1)*100%),52.9%);
    --text-positive: hsl(139,calc(var(--saturation-factor, 1)*66.8%),58.6%);
    --text-warning: hsl(38,calc(var(--saturation-factor, 1)*95.7%),54.1%);
    --text-danger: hsl(359,calc(var(--saturation-factor, 1)*82.6%),59.4%);
    --text-brand: hsl(235,calc(var(--saturation-factor, 1)*86.1%),77.5%);
    --interactive-normal: #b9bbbe;
    --interactive-hover: #d9dbdc;
    --interactive-active: #fff;
    --interactive-muted: #454a52;
    --background-primary: /*[[primary]]*/;
    --background-secondary: /*[[secondary]]*/;
    --background-secondary-alt: #1a1a1d;
    --background-tertiary: /*[[tertiary]]*/;
    --background-accent: #25272c;
    --background-floating: #0d0e10;
    --background-mobile-primary: #2c3034;
    --background-mobile-secondary: #121315;
    --background-modifier-hover: rgba(79,84,92,0.16);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: rgb(42 43 44);
    --background-modifier-accent: hsla(0,0%,100%,0.06);
    --info-positive-text: #fff;
    --info-warning-text: #fff;
    --info-danger-text: #fff;
    --info-help-background: hsla(197,calc(var(--saturation-factor, 1)*100%),47.8%,0.1);
    --info-help-foreground: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
    --info-help-text: #fff;
    --status-warning-text: #000;
    --scrollbar-thin-thumb: #183c69;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #007fff;
    --scrollbar-auto-track: hsl(210,calc(var(--saturation-factor, 1)*9.8%),20%);
    --scrollbar-auto-scrollbar-color-thumb: #202225;
    --scrollbar-auto-scrollbar-color-track: #292c32;
    --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
    --elevation-low: 0 1px 0 rgba(4,4,5,0.2),0 1.5px 0 rgba(6,6,7,0.05),0 2px 0 rgba(4,4,5,0.05);
    --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
    --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: #fff;
    --control-brand-foreground: hsl(235,calc(var(--saturation-factor, 1)*86.1%),77.5%);
    --control-brand-foreground-new: hsl(235,calc(var(--saturation-factor, 1)*86.1%),77.5%);
    --background-mentioned: hsla(38,calc(var(--saturation-factor, 1)*95.7%),54.1%,0.1);
    --background-mentioned-hover: hsla(38,calc(var(--saturation-factor, 1)*95.7%),54.1%,0.08);
    --background-message-hover: rgba(4,4,5,0.07);
    --channels-default: #959596;
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: #050d18;
    --activity-card-background: #202225;
    --textbox-markdown-syntax: #5f6266;
    --deprecated-card-bg: rgba(32,34,37,0.6);
    --deprecated-card-editable-bg: rgba(32,34,37,0.3);
    --deprecated-store-bg: #36393f;
    --deprecated-quickswitcher-input-background: #72767d;
    --deprecated-quickswitcher-input-placeholder: hsla(0,0%,100%,0.3);
    --deprecated-text-input-bg: rgba(0,0,0,0.1);
    --deprecated-text-input-border: rgba(0,0,0,0.3);
    --deprecated-text-input-border-hover: #040405;
    --deprecated-text-input-border-disabled: #1c1d1f;
    --deprecated-text-input-prefix: #dcddde;
    --background-modal: #171718;
    --background-footer: #131314;
}

.theme-dark .contentWarningPopout-WKdbDG {
    background-color: var(--activity-card-background);
    -webkit-box-shadow: 0 2px 10px 0 rgba(28,36,43,.6);
    box-shadow: 0 2px 10px 0 rgba(28,36,43,.6);
}

/* Forum background color */
.theme-dark .container-3wLKDe {
    background-color: var(--activity-card-background);
}

/* Create server name input */
.inputDefault-3FGxgL {
    background-color: var(--background-modifier-accent);
    padding: 10px;
    height: 40px;
}


/* Home background color */
.content-1jQy2l {
    min-width: 0;
    background-color: var(--activity-card-background);
    min-height: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}

input.input-3r5zZY {
    background-color: var(--background-accent);
}
.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
    font-size: 16px;
    padding: 8px;
    color: var(--text-normal);
}

.autocompleteScroller-3L6kmy {
    background-color: var(--background-secondary-alt)
}

.theme-dark .message-G6O-Wv {
    background-color: var(--background-secondary);
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1pxrgba(32,34,37,.6),0 2px 10px 0rgba(0,0,0,.2);
}

.theme-dark .autocompleteArrow-jJE9TQ, .theme-dark .header-3i_Csh {
    background-color: var(--background-modal);
}

.theme-dark .tierBody-1d3UiS {
    background-color: var(--background-secondary);
    color: #b9bbbe;
}

.theme-dark .searchBox-pyIJJj {
    background-color: var(--background-secondary);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    color: var(--text-normal);
}

.backButton-2Ps-B8 {
    height: 38px;
    margin-right: auto;
    color: var(--text-normal);
}

.theme-dark .pageWrapper-2PwDoS {
    background-color: var(--background-primary);
    color: #fff;
}

.avatarUploaderInnerSquareDisabled-e_U2MZ {
    background-color: var(--background-accent);
    background-image: none;
}

.peopleColumn-1wMU14 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    background-color: var(--background-primary);
}

.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B {
    color: #fff;
    background-color: var(--background-accent);
}

.scroller-18M1mG {
    padding-bottom: 8px;
    background-color: var(--background-secondary);
}

input.input-2VB9rf {
    background-color: var(--background-primary);
}

.theme-dark .colorPickerCustom-1swUKF {
    background: var(--background-secondary-alt);
    border-color: #202225;
}

.theme-dark .quickSelectPopout-2F0PXw {
    background: var(--background-tertiary);
    color: #f6f6f7;
}

.theme-dark .codeRedemptionRedirect-3SBiCp {
    color: #fff;
    background-color: var(--activity-card-background);
    border-color: #202225;
}

.connectionHeader-2rV1ze {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    padding: 20px;
    background: #202024;
    border-radius: 8px 8px 0 0;
}

.accountList-305sx3 {
    padding: 20px 20px 12px;
    background-color: #212124;
    border-radius: 8px;
}

.theme-dark .footer-VCsJQY {
    background-color: var(--background-footer);
    -webkit-box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
    box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
}

#uid_17 {
    background-color: var(--background-secondary);
}

#uid_17--1 {
    background-color: var(--background-tertiary);
}

.datePicker-70cO23 {
    background-color: var(--background-secondary);
}

.theme-dark .container-KM8BU6, .theme-dark .reactors-1VXca7 {
    background-color: var(--background-secondary-alt);
}

.react-datepicker {
    background-color: var(--background-secondary);
}

.theme-dark .selected-3H3-RC {
    background-color: var(--background-accent);
}

scroller-2GkvCq thin-31rlnD scrollerBase-_bVAAt fade-1R6FHN {
    background-color: var(--background-footer);
}

.scroller-2MALzE.list-2u03C-.thin-31rlnD.scrollerBase-_bVAAt {
    background-color: var(--background-secondary);
}

.categoryHeader-OpJ1Ly {
    position: sticky;
    top: 0;
    padding: 0 8px;
    background-color: var(--background-secondary);
}

.theme-dark .root-g14mjS {
    background-color: var(--background-modal);
    -webkit-box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(32,34,37,.6),0 2px 10px 0 rgba(0,0,0,.2);
}

.theme-dark .footer-31IekZ {
    background-color: var(--background-footer);
    -webkit-box-shadow: i...