Discord UI Customizer by abx1312

/* ==UserStyle==
@name         Discord UI Customizer
@namespace    USO Archive
@author       abx1312
@description  Change the style of Discord's UI Elements.
@version      1.1
@license      CC0-1.0
@preprocessor uso
@advanced dropdown bmh "Background Mode" {
    sch "Solid color only*" <<<EOT /*bhmoff*\/ EOT;
    wch "Wallpaper in chat only" <<<EOT .app-3xd6d0, .mobileApp-3_TCAV {
background-image: url(/*[[wpi]]*\/)!important;
background-position: center;
background-size: cover
}
.bg-h5JY_x {
background: var(--background-primary)
}
.messages-3amgkR, .chat-3bRxxu, .video-1kutKI, .container-1D34oG, .bg-1QIAus, .chat-2ZfjoI {
background: transparent!important
}
/*.8*\/
.bg-h5JY_x {
opacity: /*[[woh]]*\/;
}
/*.8*\/
.container-1r6BKw.themed-ANHk51 {
background-color: rgba(0,0,0,/*[[woh]]*\/)!important;
background-size: cover;
} EOT;
    wwh "Wallpaper" <<<EOT .app-3xd6d0, .mobileApp-3_TCAV {
background-image: url(/*[[wpi]]*\/)!important;
background-position: center;
background-size: cover
}
.bg-h5JY_x {
background: var(--background-primary)
}
.messages-3amgkR, .chat-3bRxxu, .theme-dark .scrollerThemed-2oenus.themeGhostHairline-DBD-2d .scroller-2FKFPG, .container-PNkimc, .sidebar-2K8pFh, .sidebar-2K8pFh, .wrapper-1Rf91z, .privateChannels-1nO12o, .panels-j1Uci_, .video-1kutKI, .root-25RxKh, .theme-dark .container-2oTpPc, .members-1998pB, .members-1998pB>div, .scroller-2TZvBN, .container-1D34oG, .nowPlayingColumn-2sl4cE, .scroller-1JbKMe, .container-3w7J-x, .container-3w7J-x, .members-1998pB, .members-1998pB>div, .privateChannels-1nO12o, .wrapper-3NnKdC, .bg-1QIAus, .chat-2ZfjoI, .scroller-3X7KbA, .wrapper-1_HaEi, .container-1NXEtd, .sidebar-1tnWFu,.members-3WRCEx, .members-3WRCEx>div, .container-2o3qEW, .container-ZMc96U.themed-Hp1KC_, .panels-3wFtMD, .privateChannels-oVe7HL, .scroller-WSmht3, .theme-dark .container-2cd8Mz, .container-1oAagU, .nowPlayingColumn-1eCBCN {
background: transparent!important
}
/*.8*\/
.bg-h5JY_x {
opacity: /*[[woh]]*\/;
}
/*.8*\/
.app-2CXKsg {
background-color: rgba(0,0,0,/*[[woh]]*\/)!important;
background-size: cover;
} EOT;

}
@advanced dropdown woh "Wallpaper opacity " {
    mew "Medium*" <<<EOT .5 EOT;
    low "Low" <<<EOT .8 EOT;
    hiw "High" <<<EOT .2 EOT;

}
@advanced dropdown wpi "Wallpaper " {
    st1 "Standard*" <<<EOT https://cdn.discordapp.com/attachments/610875219913080971/726837758173380720/7bcf0263c60e22071cbbccd2f3bf4728.jpg EOT;

	wpi-custom-dropdown "Custom" <<<EOT /*[[wpi-custom]]*\/ EOT;
}
@advanced text wpi-custom "Wallpaper  (Custom)" "https://example.com/image.png"
@advanced dropdown th "Theme" {
    cut "Custom*" <<<EOT /*thoff*\/ EOT;
    tbt "True Black (Dark Mode)" <<<EOT :root {
--minr:#000!important;
--scnr:#1a172c!important;
--acnr:#4f4489!important;
--txnr:#fff!important;
--tmnr:#bbb!important
} EOT;
    r3t "R3 (Dark Mode)" <<<EOT :root {
--minr:#2a343d!important;
--scnr:#1a1d22!important;
--acnr:#ff0000!important;
--txnr:#fff!important;
--tmnr:#bbb!important
} EOT;
    cgt "Carbon Green (Dark Mode)" <<<EOT :root { 
--minr:#171717!important; 
--scnr:#1f1f1f!important; 
--acnr:#00ff00!important; 
--txnr:#fff!important;
--tmnr:#bbb!important
} EOT;
    fot "Fenix Orange (Dark Mode)" <<<EOT :root {
--minr:#1c1b22!important; 
--scnr:#32313c!important; 
--acnr:#ff7122!important;
--txnr:#fff!important;
--tmnr:#bbb!important
} EOT;
    llt "Light Lavender (Light Mode)" <<<EOT :root {
--minr:#d7daf8!important;
--scnr:#e2e2ff!important;
--acnr:#db45b7!important;
--txnr:#000!important;
--tmnr:#888!important
} EOT;
    lbt "Luminous Blue (Light Mode)" <<<EOT :root {
--minr:#fff!important;
--scnr:#e6eef5!important;
--acnr:#0000ff!important;
--txnr:#000!important;
--tmnr:#888!important;
}
 EOT;
    mwt "Moody Winter (Light Mode)" <<<EOT :root {
--minr:#efece1!important;
--scnr:#ccc!important;
--acnr:#0770ba!important;
--txnr:#000!important;
--tmnr:#888!important 
} EOT;

}
@advanced color min "Primary Color" #000000
@advanced color scn "Secondary Color" #1F1F1F
@advanced color acn "Accent Color" #FF0000
@advanced color txn "Text (Primary)" #FFFFFF
@advanced color tmn "Text (Secondary)" #BBBBBB
@advanced dropdown ish "Icon Shape" {
    stc "Standard*" <<<EOT /*ishoff*\/ EOT;
    sqr "Square" <<<EOT border-radius: 0!important;
}
 .folderIconWrapper-226oVY, .avatar-1BDn8e, .avatar-3elDyV, .option-96V44q.user-O3Czj0 .displayAvatar-1wWlVM, .iconActiveMedium-1UaEIR, .voiceAvatar-14IynY, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after, .status-1WEaea, .border-Jn5IOt, .iconInactive-98JN5i, .avatar-3tNQiO, .replyAvatar-1K9Wmr, .replyBadge-r1su3o{
border-radius: 0;
}

/*brimp*\/
input {
border-radius: 0!important;
}
foreignObject {
    mask: none;
border-radius: 0 EOT;
    tdr "Teardrop" <<<EOT border-radius: 20px 20px 4px 20px!important;
}
.folderIconWrapper-226oVY, .iconInactive-98JN5i, .avatar-1BDn8e, .avatar-3elDyV, .option-96V44q.user-O3Czj0 .displayAvatar-1wWlVM, .iconActiveMedium-1UaEIR, .voiceAvatar-14IynY, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after, .status-1WEaea, .border-Jn5IOt, .avatar-3tNQiO, .replyAvatar-1K9Wmr, .replyBadge-r1su3o{
border-radius: 50% 50% 4px 50%;
}


/*brimp*\/
input {
border-radius: 20px 20px 4px 20px!important;
}
foreignObject {
    mask: none;
border-radius: 20px 20px 4px 20px EOT;
    scr "Squircle" <<<EOT border-radius: 20px!important;
}
 .folderIconWrapper-226oVY,.iconInactive-98JN5i, .avatar-1BDn8e, .iconActiveMedium-1UaEIR, .voiceAvatar-14IynY, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after, .status-1WEaea, .border-Jn5IOt, .avatar-3tNQiO, .replyAvatar-1K9Wmr, .replyBadge-r1su3o{
border-radius: 14px;
}
.avatar-3elDyV {
    border-radius: 9px
}

/*brimp*\/
input {
border-radius: 20px!important;
}
foreignObject {
    mask: none;
border-radius: 14px EOT;
    rdr "Rounded" <<<EOT border-radius: 8px!important;
}
.folderIconWrapper-226oVY,.iconInactive-98JN5i, .avatar-1BDn8e, .iconActiveMedium-1UaEIR, .voiceAvatar-14IynY, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after, .status-1WEaea, .border-Jn5IO, .avatar-3tNQiOt, .replyAvatar-1K9Wmr, .replyBadge-r1su3o{
border-radius: 8px;
}
.avatar-3elDyV {
    border-radius: 4px
}
/*brimp*\/
input {
border-radius: 8px!important;
}
foreignObject {
    mask: none;
border-radius: 8px EOT;
    ccr "Circle" <<<EOT border-radius: 25px!important;
}
.folderIconWrapper-226oVY,.iconInactive-98JN5i, .avatar-1BDn8e, .iconActiveMedium-1UaEIR, .voiceAvatar-14IynY, .wrapper-2QE8vf.ringingIncoming-38YcLn:after, .wrapper-2QE8vf.ringingOutgoing-mbXhhQ:after, .status-1WEaea, .border-Jn5IOt, .avatar-3tNQiO, .replyAvatar-1K9Wmr, .replyBadge-r1su3o{
border-radius: 50%;
}
.avatar-3elDyV {
    border-radius: 50%
}
/*brimp*\/
input {
border-radius: 25px!important;
}
foreignObject {
    mask: none;
border-radius: 25px EOT;

}
@advanced dropdown tnl "Translucency" {
    no5 "Off*" <<<EOT /*tnloff*\/ EOT;
    tlr "Low" <<<EOT /*tnl*\/
.content-1x5b-n.da-content, .channelTextArea-rNsIhG, .userPopout-3XzG_A.da-userPopout,  .embed-IeVjo6, .headerPlaying-j0WQBV, .messagesPopoutWrap-1MQ1bW, .menu-3sdvDG {
opacity: .86
} EOT;
    tmr "Medium" <<<EOT /*tnl*\/
.content-1x5b-n.da-content, .channelTextArea-rNsIhG, .userPopout-3XzG_A.da-userPopout,  .embed-IeVjo6, .headerPlaying-j0WQBV, .messagesPopoutWrap-1MQ1bW, .menu-3sdvDG {
opacity: .7
} EOT;

}
@advanced color oln "\"Online\" status color" #44B580
@advanced color ddn "\"Do not disturb\" status color" #F04747
@advanced color idn "\"Idle\" status color" #FAA81A
@advanced color srn "\"Streaming\" status color" #593695
@advanced color ofn "\"Offline\" status color" #747F8D
==/UserStyle== */
@-moz-document domain("discordapp.com"), domain("discord.com") {
/*[[th]]*/
/*[[wack]]*/
/*[[bmh]]*/
/*[[tnl]]*/
/*online*/
.mask-1l8v16 rect[mask="url(#svg-mask-status-online)"], .mask-1l8v16 rect[mask= "url(#svg-mask-status-online-mobile)"] {
   fill: /*[[oln]]*/;
}
/*donotdisturb*/
.mask-1l8v16 rect[mask="url(#svg-mask-status-dnd)"] {
fill: /*[[ddn]]*/;
}
/*idle*/
.mask-1l8v16 rect[mask="url(#svg-mask-status-idle)"] {
fill: /*[[idn]]*/;
}
/*streaming*/
.mask-1l8v16 rect[mask="url(#svg-mask-status-streaming)"] {
fill: /*[[srn]]*/;
}
/*offline*/
.mask-1l8v16 rect[mask="url(#svg-mask-status-offline)"] {
fill: /*[[ofn]]*/
}
:root {
--minr: /*[[min]]*/;
--scnr: /*[[scn]]*/;
--acnr: /*[[acn]]*/;
--txnr: /*[[txn]]*/;
--tmnr: /*[[tmn]]*/;
/*[[rgb]]*/
}
.theme-dark {
    --header-primary: var(--txnr);
    --header-secondary: var(--txnr);
    --text-normal: var(--txnr);
    --text-muted: var(--tmnr);
    --text-link: var(--acnr);
    --channels-default: var(--txnr);
    --interactive-normal: var(--txnr);
    --interactive-hover: var(--acnr);
    --interactive-active: var(--txnr);
    --interactive-muted: var(--tmnr);
    --background-primary: var(--minr);
    --background-secondary: var(--scnr);
--background-secondary-alt: var(--minr);
    --background-tertiary: var(--scnr);
    --background-accent: var(--acnr);
    --background-floating: var(--scnr);
    --background-mobile-header: #2f3136;
    --background-modifier-hover: var(--scnr);
    --background-modifier-active: rgba(79,84,92,0.24);
    --background-modifier-selected: var(--minr);
    --background-modifier-accent: var(--mcnr);
    --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-high: 0 8px 16px rgba(0,0,0,0.24);
    --logo-primary: var(--txnr);
    --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    --channeltextarea-background: var(--scnr);
    --activity-card-background: var(--scnr);
    --textbox-markdown-syntax: #8e9297;
    --deprecated-panel-background: var(--scnr);
    --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: ...