Last active
September 20, 2024 06:31
-
-
Save 0pandadev/d70f9e9f870497d4ad2bcdc2d7f1a4fb to your computer and use it in GitHub Desktop.
Amoled Discord Theme
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * @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); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment