/* ==UserStyle==
@name Discord Amoled Theme
@namespace USO Archive
@description https://greasyfork.org/es/scripts/486252-discord-custom-styling
@author Logic_Mastermind y sam_speak
@version 20231126.18.36
@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: #dcddde;
--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: #25292e;
--scrollbar-thin-track: transparent;
--scrollbar-auto-thumb: #0f1011;
--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: #1e2023;
--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: inset 0 1px 0 rgba(47,49,54,.6);
box-shadow: inset 0 1px 0 rgba(47,49,54,.6);
}
.search-1iTphC .searchBox-2_mAlO .searchBoxInput-K6mkng {
font-size: 16px;
padding: 8px;
color: var(--text-normal);
}
.theme-dark .autocompleteArrow-Zxoy9H, .theme-dark .header-2bNvm4 {
background-color: var(--background-footer);
}
.theme-dark .container-VSDcQc .sectionTag-pXyto9 {
background-color: var(--background-modal);
color: #72767d;
}
.theme-dark .root-1gCeng {
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 .pageWrapper-1PgVDX {
background-color: var(--background-secondary-accent);
color: #fff;
}
.theme-dark .searchBox-3Y2Vi7 {
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);
}
.theme-dark .uploadModal-2ifh8j {
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 .body-3PNusm {
background-color: var(--background-accent);
color: #b9bbbe;
}
.peopleColumn-29fq28 {
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 .message-2qRu38 {
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);
}
peopleColumn-1wMU14
.theme-dark .footer-3mqk7D {
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);
}
ul.resultsGroup-1BPR25 {
background-color: var(--background-secondary)
}
.theme-dark .footer-2gL1pp {
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);
}
.theme-dark .autocomplete-1vrmpx {
background-color: #1f2124;
}
.theme-dark .selected-1Tbx07 {
background-color: #303235;
}
.theme-dark .container-2IKOsH, .theme-dark .header-3xB4vB {
background-color: var(--background-secondary);
}
.pageBody-23bo4p {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 0 0 16px;
min-height: 0;
background-color: #212328;
}
.content-Lj791F {
padding: 16px;
background-color: var(--background-modal);
}
.footer-34a4-c {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: var(--background-footer);
}
.small-2xUY-3 {
width: 440px;
max-height: 720px;
min-height: 200px;
background-color: var(--background-modal);
}
.infoContainer-iZdN3P, .infoItem-1OVJGV {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--background-modal);
}
.content-2gE8yW {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px;
background-color: var(--background-modal);
}
.footer-IubaaS {
border-radius: 0 0 5px 5px;
background-color: var(--background-footer);
}
.content-GYGe57 {
padding-top: 16px;
padding-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: var(--background-accent);
}
.modal-1Kmy_E {
width: 460px;
border-radius: 12px;
overflow: hidden;
overflow-y: scroll;
background-color: var(--background-primary);
}
.footer__89240 {
border-radius: 0 0 5px 5px;
background-color: var(--background-footer);
}
.theme-dark.navRow-dG-XX8 {
background-color: var(--background-footer);
}
.content-1OG56Q {
position: relative;
z-index: 0;
border-radius: 5px 5px 0 0;
padding-left: 16px;
padding-right: 16px;
overflow-x: hidden;
background-color: var(--background-primary);
}
.header-1ffhsl {
border-radius: 4px 4px 0 0;
-webkit-transition: -webkit-box-shadow .1s ease-out;
transition: -webkit-box-shadow .1s ease-out;
transition: box-shadow .1s ease-out;
transition: box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;
background-color: var(--background-modal);
word-wrap: break-word;
}
/* slash commands */
.scroller-2MALzE {
height: 100%;
background-color: var(--background-primary);
}
.autocompleteInner__8785c {
padding-bottom: 0;
background-color: var(--background-primary);
}
.categoryHeader_f97a5f {
position: sticky;
top: 0;
padding: 0 8px;
}
.scroller_e89578 {
height: 100%;
background-color: var(--background-primary);
}
body {
line-height: 1;
margin: 0;
padding: 0;
font-family: var(--font-primary);
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: var(--background-primary);
}
:root {
--primary-500: hsl(var(--primary-500-hsl)/1);
--primary-600: hsl(var(--primary-600-hsl)/1);
--primary-600-hsl: 228 calc(var(--saturation-factor, 1)*5.7%) 10.6%;
--primary-500-hsl: 228 calc(var(--saturation-factor, 1)*10%) 20.5%;
}
}
/* i really want this to be global */
