Amoled Discord Theme

AMOLED.theme.css

/**
    * @name AMOLED
    * @version 1.0.0
    * @description A theme that's nice on your eyes.. lights out baby!
    * @author PandaDEV
    *
    * @website https://pandadev.net
    * @source https://gist.github.com/0PandaDEV/d70f9e9f870497d4ad2bcdc2d7f1a4fb
**/

@import url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/SettingsIcons.css);

:root {
    --blurple-replace: #7289DA !important;
    --background-primary: black !important;
    --background-secondary: black !important;
    --background-secondary-alt: black !important;
    --background-tertiary: black !important;
    --background-accent: black !important;
    --background-floating: black !important;
    --userarea-background: var(--background-tertiary) !important;
    --header-primary: #fff !important;
    --header-secondary: #b9bbbe !important;
    --elevation-low: 0 1px 0 #28283233, 0 1.5px 0 rgba(60, 60, 70, 0.05), 0 2px 0 rgba(40, 40, 50, 0.05) !important;
    --elevation-high: 0 8px 16px #0000003d !important;
    --channels-default: #969696 !important;
    --channeltextarea-background: black !important;
    --guild-header-text-shadow: 0 1px 1px black !important;
    --activity-card-background: #0f0f0f !important;
    --interactive-normal: #b9bbbe !important;
    --interactive-hover: #dcddde !important;
    --interactive-active: #fff !important;
    --interactive-muted: #4b4b4b !important;
    --background-modifier-hover: #32323229 !important;
    --background-modifier-active: #3232323d !important;
    --background-modifier-selected: #32323252 !important;
    --background-modifier-accent: hwb(0 100% 0% / 0.06) !important;
    --text-link: #00b0f4 !important;
    --text-normal: #dcddde !important;
    --text-muted: #969696 !important;
    --deprecated-panel-background: #292b2f !important;
    --deprecated-card-bg: #20222599 !important;
    --deprecated-card-editable-bg: #2022254d !important;
    --deprecated-store-bg: #36393f !important;
    --deprecated-quickswitcher-input-background: #72767d !important;
    --deprecated-quickswitcher-input-placeholder: #ffffff4d !important;
    --deprecated-text-input-bg: #0000001a !important;
    --deprecated-text-input-border: #0000004d !important;
    --deprecated-text-input-border-hover: #040405 !important;
    --deprecated-text-input-border-disabled: #202225 !important;
    --deprecated-text-input-prefix: #dcddde !important;
    --background-accent-1: black !important;
    --background-accent-3: black !important;
    --background-floating-2: black !important;
    --bg-backdrop-no-opacity: black !important;
    --bg-base-primary: black !important;
    --bg-base-secondary: black !important;
    --bg-base-tertiary: black !important;
    --bg-mod-faint: black !important;
    --bg-mod-strong: black !important;
    --bg-mod-subtle: black !important;
    --bg-surface-overlay: black !important;
    --bg-surface-overlay-tmp: black !important;
    --bg-surface-raised: black !important;
    --blur-fallback: black !important;
    --blur-fallback-pressed: black !important;
    --border-faint: black !important;
    --border-strong: black !important;
    --bug-reporter-modal-submitting-background: black !important;
    --card-gradient-bg: black !important;
    --card-gradient-pressed-bg: black !important;
    --card-primary-bg: black !important;
    --card-primary-pressed-bg: black !important;
    --bg-base-primary: black !important;
    --bg-base-primary: black !important;
}

.theme-dark .themed_fc4f04 {
    background: black !important;
}

.bd-social-link[title="BD" i] .bd-social-logo,
.bd-social-link[title="BetterDiscord" i] .bd-social-logo,
.bd-social-link[title="BBD" i] .bd-social-logo,
.bd-social-link[title="BandagedBD" i] .bd-social-logo {
	background: var(--interactive-normal);
	-webkit-mask: url(https://mwittrien.github.io/BetterDiscordAddons/Themes/_res/svgs/settingsicons/betterdiscord.svg) center/contain no-repeat;
	opacity: 1;
	transition: background .15s ease;
}

:is(.scroller-kQBbkU,
    .auto-2K3UW5,
    .thin-RnSY0a,
    .peopleColumn-1wMU14,
    .contentRegionScroller-2_GT_N,
    .scrollerBase-1Pkza4)::-webkit-scrollbar-thumb {
    background-color: var(--background-secondary-alt);
}

#app-mount .chat-2ZfjoI .container-2IKOsH,
#app-mount .chat-2ZfjoI .container-1um7CU,
#app-mount .chat-2ZfjoI .header-3xB4vB,
#app-mount .chat-2ZfjoI .scrollerContainer-y16Rs9,
#app-mount .chat-2ZfjoI .emptyPage-2TGR7j {
    background-color: transparent;
}

body .scrollbar-1NUwvY .thumb-3r19ww {
    background-color: var(--background-secondary-alt) !important;
}

body .wrapper-28jGDw .scrollbar-1NUwvY {
    background-color: var(--background-tertiary) !important;
}

body .contentWrapper-3RqEiS .scrollbar-1NUwvY {
    background-color: var(--background-primary) !important;
}

body .wrapper-28jGDw .scrollbar-1NUwvY .pad-1eAWXq {
    background-color: var(--background-tertiary) !important;
}

#app-mount .layers-OrUESM .sidebarRegion-1VBisG,
#app-mount .layers-OrUESM .sidebarRegionScroller-FXiQOh {
    background-color: var(--background-primary);
}

#app-mount .sidebar-1tnWFu [class*=scroller] {
    background-color: var(--background-primary);
}

#app-mount .sidebar-1tnWFu [class*=scroller].fade-27X6bG {
    background-color: transparent;

    #app-mount .bar-2H7Q9u {
        background-color: var(--background-accent);
    }
}

#app-mount .sidebar-1tnWFu .hasBanner-2IrYih [class*=scroller-] {
    background-color: transparent;
}

.theme-dark,
html.theme-dark .theme-light .root-1CAIjD,
.theme-light.popout-15UxD6 {
    --background-primary: black !important;
    --profile-gradient-message-input-border: hsl(var(--primary-500-hsl)/0.48) !important;
    --profile-gradient-note-background: hsl(var(--black-500-hsl)/0.3) !important;
    --profile-gradient-overlay: hsl(var(--black-500-hsl)/0.6) !important;
    --profile-gradient-overlay-synced-with-user-theme: hsl(var(--black-500-hsl)/0.8) !important;
    --profile-gradient-profile-body-background-hover: hsl(var(--white-500-hsl)/0.16) !important;
    --profile-gradient-role-pill-background: hsl(var(--primary-660-hsl)/0.5) !important;
    --profile-gradient-role-pill-border: hsl(var(--white-500-hsl)/0.2) !important;
    --profile-gradient-section-box: hsl(var(--black-500-hsl)/0.45) !important;
    --scrollbar-auto-scrollbar-color-thumb: var(--primary-700) !important;
    --scrollbar-auto-scrollbar-color-track: var(--primary-630) !important;
    --scrollbar-auto-thumb: var(--primary-600) !important;
    --scrollbar-auto-track: var(--primary-860) !important;
    --scrollbar-thin-thumb: var(--primary-700) !important;
    --scrollbar-thin-track: hsl(var(--black-500-hsl)/0) !important;
}

#app-mount .bar-2H7Q9u {
    background-color: var(--background-accent);
}