/* ==UserStyle==
@name Custom Discord (under testing)
@namespace USO Archive
@author Zhou Yahui
@description `HOW TO INSTALL FOR DESKTOP CLIENT: Simplified Tutorial (PC and Mac):https://imgur.com/a/i38IVzbAdvanced Tutorial (PC):https://imgur.com/a/bYBErUCCurrently only support for dark mode.NOTE: If wallpaper does not work, try to use a discord attachment link as the URL for your wallpaperFeatures:Cleaner and better designEasily customizableDesktop supportCheck out my other styles:https://userstyles.org/users/812884Info about my styles:https://imgur.com/a/qvOoH1DDISCORD:Join my Discord server to get notifications when a new update has been released, get direct support from me and others, and it is generally faster than userstyles to get in touch with me : https://discord.gg/Emv2rtkTheme by Zhou Yahui`
@version 20220121.20.25
@license NO-REDISTRIBUTION
@preprocessor uso
@advanced dropdown wack "Placeholder" {
oki "oki*" <<<EOT /*wahh*\/ EOT;
okii "oki?" <<<EOT /*wah*\/ EOT;
}
@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 "Main color" #000000
@advanced color scn "Secondary color" #1F1F1F
@advanced color acn "Accent color" #FF0000
@advanced color txn "Text (Normal)" #FFFFFF
@advanced color tmn "Text (Muted)" #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 rgb "RGB Mode" {
no1 "Off*" <<<EOT /*rgboff*\/ EOT;
ye1 "On (Accent Border only)" <<<EOT --acnr: #FF0000!important
}
@keyframes borderrgb{
0% {border-color: rgb(255,0,0);}
6% {border-color: rgb(255,85,0);}
12% {border-color: rgb(255,170,0);}
18% {border-color: rgb(255,255,0);}
24% {border-color: rgb(170,255,0);}
30% {border-color: rgb(85,255,0);}
36% {border-color: rgb(0,255,0);}
42% {border-color: rgb(0,255,85);}
48% {border-color: rgb(0,255,170);}
54% {border-color: rgb(0,255,255);}
60% {border-color: rgb(0,170,255);}
65% {border-color: rgb(0,85,255);}
70% {border-color: rgb(0,0,255);}
75% {border-color: rgb(85,0,255);}
80% {border-color: rgb(170,0,255);}
85% {border-color: rgb(255,0,255);}
89% {border-color: rgb(255,0,170);}
94% {border-color: rgb(255,0,85);}
}
@keyframes bxsrgb{
0% {box-shadow: inset 0 0 0 3px rgb(255,0,0);}
6% {box-shadow: inset 0 0 0 3px rgb(255,85,0);}
12% {box-shadow: inset 0 0 0 3px rgb(255,170,0);}
18% {box-shadow: inset 0 0 0 3px rgb(255,255,0);}
24% {box-shadow: inset 0 0 0 3px rgb(170,255,0);}
30% {box-shadow: inset 0 0 0 3px rgb(85,255,0);}
36% {box-shadow: inset 0 0 0 3px rgb(0,255,0);}
42% {box-shadow: inset 0 0 0 3px rgb(0,255,85);}
48% {box-shadow: inset 0 0 0 3px rgb(0,255,170);}
54% {box-shadow: inset 0 0 0 3px rgb(0,255,255);}
60% {box-shadow: inset 0 0 0 3px rgb(0,170,255);}
65% {box-shadow: inset 0 0 0 3px rgb(0,85,255);}
70% {box-shadow: inset 0 0 0 3px rgb(0,0,255);}
75% {box-shadow: inset 0 0 0 3px rgb(85,0,255);}
80% {box-shadow: inset 0 0 0 3px rgb(170,0,255);}
85% {box-shadow: inset 0 0 0 3px rgb(255,0,255);}
89% {box-shadow: inset 0 0 0 3px rgb(255,0,170);}
94% {box-shadow: inset 0 0 0 3px rgb(255,0,85);}
}
.scrollableContainer-2NUZem.webkit-HjD9Er, .userPopout-3XzG_A {
border: 1.5px solid var(--acnr);
animation: borderrgb /*[[rgl]]*\/ infinite;
EOT;
ye2 "On (Accent Border and Background)" <<<EOT --acnr: #FF0000!important
}
@keyframes borderrgb{
0% {border-color: rgb(255,0,0);}
6% {border-color: rgb(255,85,0);}
12% {border-color: rgb(255,170,0);}
18% {border-color: rgb(255,255,0);}
24% {border-color: rgb(170,255,0)...
