Greasy Fork is available in English.

Discord Cyberpunk Neon Transparent

Cyberpunk Neon theme for Discord, transparent version (custom background allowed)

/* ==UserStyle==
@name           Discord Cyberpunk Neon Transparent
@name:es        Discord Cyberpunk Neon Transparente
@description    Cyberpunk Neon theme for Discord, transparent version (custom background allowed)
@description:es Tema Cyberpunk Neon para Discord, versión con transparencia (fondo personalizado permitido)
@namespace      https://greasyfork.org/en/users/109012
@author         @Roboron3042 <robertoms258 at gmail dot com>
@homepageURL    https://github.com/Roboron3042/Cyberpunk-Neon
@supportURL     https://github.com/Roboron3042/Cyberpunk-Neon/issues
@version        1.1.1
@license        CC-BY-SA 4.0
@preprocessor   stylus
==/UserStyle== */
@-moz-document url-prefix("https://discord.com/") {

/* CUSTOM BACKGROUND
    To change the background replace the URL in background-image in .appMount-3lHmkl with your prefered one 
    
	IMPORTANT: Some hosting sites may not work, so we recommend imgur to upload your desired image.
*/

.appMount-2yBXZl {
    background-image: url(https://media.discordapp.net/attachments/860621068250775582/949396525203722320/jshwEyA.png) !important;
    background-color: rgba(9, 24, 51, 0) !important;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}






/* Main Index 
 
 0. Colorscheme
 1. Miscelaneus
 2. Server list
 3. Left Bar
 4. Message View
 5. Message Box
 6. Top bar
 7. Member list
 8. Library
 9. Friends
 10. Quickswitcher
 11. Settings
 12. Dialogs
 13. Transparency
 */

/* 0. Colorscheme */
html {
    --background: #000b1e;
    --background-text: #091833;
    --button: #133e7c;
    --button-alt: #0b2956;
    --button-alt-svg: invert(15%) sepia(81%) saturate(952%) hue-rotate(186deg) brightness(88%) contrast(102%);
    --text: #0abdc6;
    --text-svg: invert(50%) sepia(85%) saturate(1552%) hue-rotate(144deg) brightness(101%) contrast(92%); 
    --text-alt: rgba(10, 189, 198, .6);
    --accent: #ea00d9;
    --accent-svg: invert(17%) sepia(98%) saturate(7408%) hue-rotate(299deg) brightness(106%) contrast(108%);
    --select: #711c91;
    --select-alt: #321959;
    --green: #00ff00;
}
.theme-dark {
	--activity-card-background: #000b1e !important;
	--background-accent: #321959 !important;
	--background-floating: #091833 !important;
    --background-nested-floating: #000b1e !important;
	--background-mentioned-hover: #321959 !important;
	--background-mentioned: rgba(50, 25, 89, .6) !important;
    --background-message-hover: #091833 !important;
    --background-mobile-primary: #091833 !important;
    --background-mobile-secondary: #000b1e !important;
	--background-modifier-accent: rgba(10, 189, 198, .4) !important;
	--background-modifier-active: rgba(113, 28, 145, .6) !important;
	--background-modifier-hover: #0b2956 !important;
	--background-modifier-selected: rgba(113, 28, 145, .6) !important;
	--background-primary: #091833 !important;
	--background-secondary-alt: #091833 !important;
	--background-secondary: #000b1e !important;
	--background-tertiary: #000b1e !important;
    --brand-experiment: #133e7c !important;
    --brand-experiment-30a: transparent !important;
    --brand-experiment-200: #00ff00 !important;
    --brand-experiment-360: #0abdc6 !important;
    --brand-experiment-500: #321959 !important;
    --brand-experiment-560: #321959 !important;
    --brand-experiment-600: #321959 !important;
	--channels-default: rgba(10, 189, 198, .7) !important;
	--channeltextarea-background: #133e7c !important;
	--control-brand-foreground-new: #ea00d9 !important;
	--deprecated-card-bg: rgba(0, 11, 30, .6) !important;
	--deprecated-card-editable-bg: rgba(19, 62, 124, .2) !important;
	--deprecated-panel-background: #091833 !important;
	--deprecated-quickswitcher-input-background: #133e7c !important;
	--deprecated-quickswitcher-input-placeholder: rgba(10, 189, 198, .3) !important;
	--deprecated-store-bg: #091833 !important;
	--deprecated-text-input-bg: #0b2956 !important;
	--deprecated-text-input-border-disabled: #202225 !important;
	--deprecated-text-input-border-hover: #ea00d9 !important;
	--deprecated-text-input-border: #0abdc6 !important;
	--deprecated-text-input-prefix: #dcddde !important;
    --divider-color: #ea00d9 !important;
	--elevation-high: 0 8px 16px rgba(0,0,0,0.24) !important;
	--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) !important;
	--guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4) !important;
	--header-primary: #ea00d9 !important;
	--header-secondary: #0abdc6 !important;
    --info-warning-foreground: #ea00d9 !important;
	--interactive-active: #ea00d9 !important;
	--interactive-hover: #ea00d9 !important;
	--interactive-muted: rgba(10, 189, 198, .6) !important;
	--interactive-normal: #0abdc6 !important;
	--logo-primary: #ea00d9 !important;
	--scrollbar-auto-scrollbar-color-thumb: #0abdc6 !important;
	--scrollbar-auto-scrollbar-color-track: #000b1e !important;
	--scrollbar-auto-thumb: #0abdc6 !important;
	--scrollbar-auto-track: #000b1e !important;
	--scrollbar-thin-thumb: #0abdc6 !important;
	--scrollbar-thin-track: transparent !important;
    --spoiler-revealed-background: #00ff00 !important;
    --spoiler-hidden-background: #00ff00 !important;
    --text-positive: #00ff00 !important;
    --text-warning: #f57800 !important;
	--text-link: #ea00d9 !important;
	--text-muted: rgba(10, 189, 198, .6) !important;
	--text-normal: #0abdc6 !important;
	--textbox-markdown-syntax: #ea00d9 !important;
}

/* 1. Miscelaneus */

/* 1.1. Windows bar */
.winButton-iRh8-Z:hover {
    background-color: #133e7c;
}
.appMount-3lHmkl {
    background-color: #000b1e;
}

/* 1.2. Mac OS bar */
.typeMacOS-3EmCyP {
    background-color: #000b1e;
}
.macButtonClose-MwZ2nf {
    background-color: #ff0000;
}
.macButtonMinimize-3EJ6wo {
    background-color: #f57800;
}
.macButtonMaximize-2FMHAO {
    background-color: #00ff00;
}

/* 1.3. Selection */
::selection,
.clipboard-input-inner input::selection,
.CodeMirror .CodeMirror-selected,
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection,
.note textarea::selection {
    color: #0abdc6;
    background: #711c91;
}

/* 1.4. Scroll bar */
.da-scrollerWrap .da-scroller::-webkit-scrollbar-thumb {
	background-color: #0abdc6 !important;
	border-color: #091833 !important;
}
.theme-dark .da-scrollerWrap .da-scroller::-webkit-scrollbar-track-piece {
	background-color: #000b1e !important;
	border-color: #091833 !important;
}
html {
    scrollbar-color: var(--text) var(--background) !important;
}

/* 1.5. Tooltip */
.theme-dark .tooltipBlack-PPG47z, .theme-light .tooltipBlack-PPG47z {
    background-color: #000b1e;
}
.theme-dark .tooltip-2QfLtc, .theme-light .tooltip-2QfLtc {
    color: #ea00d9;
    -webkit-box-shadow: 0 2px 10px 0 rgba(234, 0, 217, .2);
    box-shadow: 0 2px 10px 0 rgba(234, 0, 217, .2);
}
.theme-dark .tooltipRed-8-9NeP, .theme-light .tooltipRed-8-9NeP {
    color: #d7d7d5;
    background-color: #ff0000;
}
/* 1.6. No channel */
.theme-dark .noChannel-Z1DQK7 {
    background: #000b1e;
}
.theme-dark .text-GwUZgS, .theme-dark .title-2BxgL2 {
    color: #0abdc6;
}

/* 1.7. Placeholder text */
::-webkit-input-placeholder {
    color: rgba(10, 189, 198, .6) !important;
}
::placeholder {
  color: var(--text-alt) !important;
}

/* 1.8. Login screen */
.theme-dark.authBox-1HR6Ha {
	color: var(--text);
}
.lookFilled-yCfaCM.colorBrand-I6CyqQ {
	color: #0abdc6;
}

/* 2. Server list */

/* 2.1. Little icons */
.numberBadge-37OJ3S {
	color: var(--text);
    background-color: var(--select) !important;
}
.iconBadge-32fMme {
	color: var(--text);
	background-color: var(--select-alt);
}

/* 2.2. Buttons */
.circleIconButton-1VxDrg {
	color: var(--text);
	background-color: var(--button-alt);
}
.circleIconButton-1VxDrg.selected-2r1Hvo {
	color: var(--accent);
	background-color: var(--select-alt);
}
.childWrapper-1j_1ub {
	background-color: var(--button-alt);
	color: var(--text-normal);
}
.wrapper-3kah-n.selected-1Drb7Z .childWrapper-1j_1ub, .wrapper-3kah-n:hover .childWrapper-1j_1ub {
	color: var(--text);
	background-color: var(--select-alt);
}

/* 2.3. Sound icon */
.icon-3s6X1M > path:nth-child(1) {
    fill: #0abdc6;
}
/* 2.4. Server error */
.guildsError-b7zR5H {
    background: #091833;
    color: #0abdc6 !important;
    border-color: #ff0000;
}
.guildsError-b7zR5H:hover {
    background-color: #ff0000;
}
/* 2.5. Add server */
.theme-light .root-g14mjS {
	background: var(--background-text);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.base-21yXnu {
	color: var(--accent);
}
.close-1mLglB {
	color: var(--text); 
}
.close-1mLglB:hover {
	color: var(--accent);
}
.colorHeaderSecondary-g5teka {
	color: var(--text); 
}
.container-x8Y1ix {
	border: none;
	background-color: var(--button-alt);
}
.container-x8Y1ix:hover {
	border: none;
	background-color: var(--select-alt);
}
.colorStandard-21JIj7 {
	color: var(--text); 
}
html.full-motion.theme-dark.platform-web.font-size-16 body div#app-mount.appMount-2yBXZl div.layerContainer-2v_Sit div.layer-1Ixpg3 div.theme-light div.focusLock-2tveLW div.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 div.container-1Lk8p7 div div div.content-2hZxGK.templatesList-uohY49.thin-31rlnD.scrollerBase-_bVAAt button.container-x8Y1ix img.arrow-2yY1Tm {
	filter: var(--text-svg) !important;
}
.theme-light .footer-31IekZ {
	background-color: var(--background);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.theme-light .lookFilled-yCfaCM.colorGrey-2iAG-B {
	color: var(--text); 
	background-color: var(--button);
}
.theme-light .lookFilled-yCfaCM.colorGrey-2iAG-B:hover {
	background-color: var(--select-alt);
}
html.full-motion.theme-dark.platform-web.font-size-16 body div#app-mount.appMount-2yBXZl div.layerContainer-2v_Sit div.layer-1Ixpg3 div.theme-light div.focusLock-2tveLW div.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 div.container-1Lk8p7 div div div.content-2hZxGK.optionsList-dmHy1l.thin-31rlnD.scrollerBase-_bVAAt button.container-x8Y1ix img.arrow-2yY1Tm {
	filter: var(--text-svg) !important;
}
.anchor-1MIwyf {
	color: var(--accent);
}
.lookBlank-21BCro {
	color: var(--text); 
}
.lookBlank-21BCro:hover {
	color: var(--accent);
	text-decoration: underline;
}
.input-m1-Y7Q {
	background-color: var(--button-alt);
}
.input-2g-os5 {
	color: var(--text);
}
.rowContainer-3t7486 {
	background-color: var(--button-alt);
}
.rowContainer-3t7486:hover {
	background-color: var(--select-alt);
}
html.full-motion.theme-dark.platform-web.font-size-16 body div#app-mount.appMount-2yBXZl div.layerContainer-2v_Sit div.layer-1Ixpg3 div.theme-light div.focusLock-2tveLW div.root-g14mjS.small-23Atuv.fullscreenOnMobile-ixj0e3 div.container-1Lk8p7 div div div div.content-2hZxGK.thin-31rlnD.scrollerBase-_bVAAt div.rowContainer-3t7486 img.rowArrow-TIwwIc {
    filter: var(--text-svg); 
}
.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo {
	color: var(--accent);
}
.theme-light .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk {
	background-image: linear-gradient(0deg,transparent,transparent 1px,var(--accent) 0,var(--accent) 2px,transparent 0);
}


/* 2.6. Server Discovery */
.categoryItem-Kc_HK_.selectedCategoryItem-ZjqSui .itemInner-3e_4G4 {
	background-color: var(--select-alt);
    color: var(--accent); 
}
.clickable-28SzVr:hover .layout-1qmrhw {
    color: var(--text);
}
.appMount-2yBXZl, body {
	text-rendering: optimizeLegibility;
}
.theme-dark .pageWrapper-2PwDoS {
	background-color: var(--background);
	color: var(--text); 
}
.search-25t1e9 .searchBox-31Zv9h {
    background-color: var(--button-alt);
    border-color: var(--text); 
}
.search-25t1e9 .searchBox-31Zv9h .searchIcon-3X4BYL {
	color: var(--text);
}
.search-25t1e9 .searchBox-31Zv9h .searchBoxInput-3h4etz {
	color: var(--text);
}
.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0 {
	color: var(--text);
}
.search-25t1e9 .searchBox-31Zv9h .closeIcon-BMGxx0:hover {
	color: var(--accent);
}
.search-25t1e9 .searchBox-31Zv9h:focus, .search-25t1e9 .searchBox-31Zv9h:focus-within {
	-webkit-box-shadow: 0 0 0 1px var(--accent),0 0 0 2px var(--select-alt),0 0 0 3px var(--select-alt);
	box-shadow: 0 0 0 1px var(--accent),0 0 0 2px var(--select-alt),0 0 0 3px var(--select-alt);
	border-color: transparent;
}
.theme-dark .card-2TuZPZ:hover, .theme-dark .card-2TuZPZ:hover .iconMask-2fMR98, .theme-dark .iconMask-2fMR98:hover, .theme-dark .iconMask-2fMR98:hover .iconMask-2fMR98 {
	background-color: var(--button-alt);
}
.dotOnline-j08lOY {
	background-color: var(--green);
}
.dotOffline-38lJFn {
	background-color: #d7d7d5;
}
.colorDefault-CDqZdO.focused-3qFvc8 {
	background-color: var(--button-alt);
	color: var(--text);
}
.menu-1QACrS {
    border: 1px solid var(--accent);
}
.theme-dark .root-g14mjS {
	background-color: var(--background-text);
	-webkit-box-shadow: none;
	box-shadow: none;
}
.optionContainer-yOpaLq:hover {
	background: var(--button-alt);
	cursor: pointer;
}
.notice-12Koq- {
	color: var(--text);
}
.lookOutlined-3yKVGo.colorWhite-1H92hK {
	color: var(--text);
	border-color: var(--text);
	background-color: var(--button-alt);
}
.lookOutlined-3yKVGo.colorWhite-1H92hK:hover {
	color: var(--accent);
	border-color: var(--accent);
	background-color: var(--select-alt);
}
.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo {
	color: var(--accent);
}
.theme-dark .lookLink-15mFoz.colorPrimary-2AuQVo:hover .contents-3ca1mk {
	background-image: linear-gradient(0deg,transparent,transparent 1px,var(--accent) 0,var(--accent) 2px,transparent 0);
}
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo {
	color: var(--text);
	background-color: var(--button);
}
.theme-dark .lookFilled-yCfaCM.colorPrimary-2AuQVo:hover {
	background-color: var(--select-alt);
}

/* 2.7. New messages */
.mention-3XBnnZ {
	background-color: var(--select-alt);
}
.bar-2eAyLE {
	color: var(--accent);
}

/* 3. Left Bar */

/* 3.1. Server Menu */
.colorPremium-vwmYZQ .icon-E4cW1l {
	color: var(--text); 
}
.colorPremium-vwmYZQ.focused-3qFvc8 .icon-E4cW1l, .colorPremium-vwmYZQ:active:not(.hideInteraction-2jPGL_) .icon-E4cW1l {
	color: var(--text); 
}
.colorDanger-3n-KnP, .colorDanger-3n-KnP .checkbox-hADx5o, .colorDanger-3n-KnP .radioSelection-1UHp0b {
	color: #ff0000 !important;
}

/* 3.1.2. Invite friends */
.theme-dark .inviteRow-3vmB7i:hover {
	background-color: var(--button-alt);
}
.lookOutlined-3yKVGo.colorGreen-3y-Z79 {
	color: var(--text);
    background-color: var(--button-alt);
	border-color: var(--button-alt);
}
.lookFilled-yCfaCM.colorGreen-3y-Z79 {
	color: var(--text);
	background-color: var(--button-alt);
}
.lookFilled-yCfaCM.colorGreen-3y-Z79:hover {
	color: var(--text);
	background-color: var(--select-alt);
}
.theme-dark .inviteRowName-3H4s_c {
	color: var(--text);
}
.theme-dark .footer-1hTRRZ {
	background-color: var(--background);
}

/* 3.1.3 Server Settings */

/* 3.1.3.1 General */
.imageUploaderInner-IIRaFr {
	background-color: transparent;
}
.theme-dark .imageUploaderIcon-2OHmFu {
	background-color: transparent;
    filter: var(--accent-svg);
}
.theme-dark .closeButton-PCZcma {
	border-color: var(--button);
	background-color: var(--button);
}
.theme-dark .closeButton-PCZcma:hover {
	border-color: var(--select-alt);
	background-color: var(--select-alt);
}
.closeButton-PCZcma > svg:nth-child(1) > path:nth-child(1) {
    fill: var(--text);
}
.theme-dark .keybind-13vtq8 {
	color: var(--text);
}
.theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo {
	color: var(--text);
	border-color: var(--button);
	background-color: var(--button);
}
.theme-dark .lookOutlined-3yKVGo.colorPrimary-2AuQVo:hover {
	border-color: var(--select-alt);
	background-color: var(--select-alt);
}
.option-2eIyOn.focused-ODgjnC, .option-2eIyOn:focus, .option-2eIyOn:hover {
	/*background-color: var(--background-secondary-alt);*/
    background-color: var(--button-alt);
	color: var(--interactive-hover);
}
.popout-1KHNAq {
	border: 1px solid var(--accent);
	background: var(--background-secondary);
}
html.full-motion.theme-dark.platform-web.font-size-16 body div#app-mount.appMount-2yBXZl div.app-3xd6d0 div.app-2CXKsg div.layers-OrUESM.layers-1YQhyW div.layer-86YKbF div div.standardSidebarView-E9Pc3j div.contentRegion-3HkfJJ div.contentTransitionWrap-1YD530 div.contentRegionScroller-2_GT_N.contentRegionShownSidebar-fHXkEg.auto-2K3UW5.scrollerBase-_bVAAt main.contentColumn-1C7as6.contentColumnDefault-3eyv5o div div.children-1xdcWE div.divider--oiTeJ div div.item-2idW98.marginBottom8-emkd0_.horizontal-1Piu5-.flex-3BkGQD.directionRow-2Iu2A9.itemFilled-1cPbtg div.radioBar-3w9XY- div svg circle.radioIconForeground-2BMavi {
    fill: var(--accent);;
}

/* 3.1.3.2 Registry */
.selectedBrand-1AtwYE {
	color: var(--accent);
}

/* 3.1.4 Notification settings */
.theme-dark .footer-31IekZ {
	background-color: var(--background);
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* 3.2 Tips & New messages */
.channelNotices-41mJbj .channelNotice-1-XFjC.quickswitcher-35bYg4 {
    background: #000b1e url(/assets/8fdb69b7684b8e1ecb3fdde909daca41.svg) no-repeat center 35px;
}
.unread-2wipsx {
    color: var(--text);
}

/* 3.3 Call buttons */
.button-1EGGcP.buttonColor-3bP3fX, .button-1EGGcP .buttonColor-3bP3fX {
	background-color: var(--button);
}
.button-1EGGcP.buttonColor-3bP3fX:hover, .button-1EGGcP .buttonColor-3bP3fX:hover {
	background-color: var(--select-alt);
}
.button-12Fmur.enabled-9OeuTA:hover {
	background-color: transparent;
}

/* 4. Message View */

/* 4.0.1. Unread messages separator*/
.divider-2rZFJK {
	border-top: thin solid var(--background-modifier-accent);
	--divider-color: #ea00d9;
}
.unreadPill-3nEWYM {
    color: var(--background);
}

/* 4.1. Message Buttons */
.button-3bklZh:hover {
	background-color: transparent;
}
.group-spacing-16 .divider-IqmEqJ.beforeGroup-1BvJAt {
	border-top: 1px solid var(--accent);
}
.reaction-2A2y9y:hover {
	border-color: rgba(234, 0, 217, .4)
}

/* 4.2. Embed views */
.metadata-1E7Z4i {
	color: var(--text);
}

/* 4.2.1 Audio */
html.full-motion.theme-dark.platform-web.font-size-16 body div#app-mount.appMount-2yBXZl div.app-3xd6d0 div.app-2CXKsg div.layers-OrUESM.layers-1YQhyW div.layer-86YKbF.baseLayer-W6S8cY div.container-1eFtFS div.base-2jDfDU div.content-1SgpWY div.chat-2ZfjoI div.content-1jQy2l main.chatContent-3KubbW div.messagesWrapper-RpOMA3.group-spacing-16 div.scroller-kQBbkU.auto-2K3UW5.scrollerBase-_bVAAt.disableScrollAnchor-6TwzvM.managedReactiveScroller-1lEEh3 div.scrollerContent-2SW0kQ.content-2a4AW9 ol.scrollerInner-2PPAp2 li#chat-messages-939472326431490059.messageListItem-ZZ7v6g div.message-2CShn3.cozyMessage-1DWF9U.wrapper-30-Nkg.cozy-VmLDNB.zalgo-26OfGz div#message-accessories-939472326431490059.container-2sjPya div.messageAttachment-CZp8Iv div.wrapperAudio-1Bzv_Z.wrapper-1FP9YQ.embedWrapper-1MtIDg div.audioControls-3fmemK div svg.controlIcon-1grhw_ path {  
    fill:var(--text); 
}
.wrapper-1FP9YQ {
	color: var(--text);
}
.buffer-3eVqKK, .buffer-3eVqKK::after, .buffer-3eVqKK::before {
	background-color: transparent;
}
.mediaBarWrapper-33h1oY, .mediaBarWrapper-33h1oY::after, .mediaBarWrapper-33h1oY::before {
	background-color: var(--select-alt);
}
.mediaBarGrabber-FvJKJg, .mediaBarProgress-38I317, .mediaBarProgress-38I317::after, .mediaBarProgress-38I317::before {
  background-color: var(--accent);
}

/* 4.3. Mentions */
.theme-dark .wrapper-1ZcZW- {
	color: var(--brand-experiment-200);
}
.theme-dark .wrapper-1ZcZW- {
	background-color: transparent;
}

/* 4.4. Edit & Delete */

/* 4.5. Code */
.theme-dark .hljs-addition, .theme-dark .hljs-keyword, .theme-dark .hljs-selector-tag {
    color: #00ff00;
}
.theme-dark .hljs-doctag, .theme-dark .hljs-literal, .theme-dark .hljs-meta .hljs-meta-string, .theme-dark .hljs-number, .theme-dark .hljs-regexp, .theme-dark .hljs-string {
    color: #f57800;
}
.theme-dark .username-_4ZSMR {
    color: #ea00d9;
}
.theme-dark .hljs-attr, .theme-dark .hljs-attribute, .theme-dark .hljs-class .hljs-title, .theme-dark .hljs-template-variable, .theme-dark .hljs-type, .theme-dark .hljs-variable {
    color: #00ff00;
}
.theme-dark .hljs-bullet, .theme-dark .hljs-link, .theme-dark .hljs-meta, .theme-dark .hljs-meta .hljs-keyword, .theme-dark .hljs-selector-attr, .theme-dark .hljs-selector-pseudo, .theme-dark .hljs-subst, .theme-dark .hljs-symbol {
    color: #ff0000;
}
.theme-dark .hljs-comment, .theme-dark .hljs-quote {
    color: rgba(10, 189, 198, .4);
}
.theme-dark .blockquoteDivider-2hH8H6 {
    background-color: #711c91;
}
.blockquoteContainer-U5TVEi blockquote {
    background-color: #000b1e;
}
.theme-dark .dividerEnabled-2TTlcf {
    border-bottom-color: rgba(19, 62, 124, .3);
}

/* 4.6. Typing */
.theme-dark .base-gE7OpD span {
    color: #0abdc6;
}

/* 5. Message Box */

/* 5.1. File modal */
.colorDefault-CDqZdO.focused-3qFvc8 .checkbox-hADx5o, .colorDefault-CDqZdO.focused-3qFvc8 .radioSelection-1UHp0b, .colorDefault-CDqZdO.focused-3qFvc8 .subtext-2GlkbE {
	color: #0abdc6;
}

/* 6. Top bar */

/* 6.1. Pinned messages */

/* 6.2. Search */
.searchAnswer-23w-CH, .searchFilter-2UfsDk {
	color: var(--text);
}
.theme-dark .searchAnswer-23w-CH, .theme-dark .searchFilter-2UfsDk {
	background-color: var(--button-alt);
}
.theme-dark .focused-2FU0YH {
	background-color: var(--background);
}
.theme-dark .queryContainer-ZunrLZ {
	color: var(--text); 
	border-bottom-color: var(--background);
}
.theme-dark .container-2McqkF {
	background-color: var(--background-text);
}
.theme-dark .elevationBorderHigh-3drnJX {
	-webkit-box-shadow: 0 0 0 1px var(--accent),0 2px 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 0 1px var(--accent),0 2px 10px 0 rgba(0,0,0,.2);
}
.theme-dark .queryContainer-ZunrLZ strong {
	color: var(--accent);
}
.theme-dark .dim-2Uxgxb span {
	background-color: var(--button-alt);
	color: var(--text);
}
.theme-dark .resultsGroup-1BPR25 .header-3A13BX, .theme-dark .resultsGroup-1BPR25 .plusIcon-2V7coV, .theme-dark .resultsGroup-1BPR25 .searchClearHistory-2Be-92, .theme-dark .resultsGroup-1BPR25 .searchLearnMore-7__o_n a {
	color: var(--text);
}
.theme-dark .searchOption-351dTI .filter-5YbOzJ {
	color: var(--accent);
}
.theme-dark .searchOption-351dTI .answer-2fBfuP {
	color: var(--text);
}
.theme-dark .option-2KkUJO::after {
	background: transparent;
}
.theme-dark .option-2KkUJO.user-23VtPS .displayedNick-2dDbfG {
	color: var(--accent);
}
.theme-dark .option-2KkUJO.user-23VtPS .displayUsername-14aOpK {
	color: var(--text);
}

/* 6.2.1. Search results */
.theme-dark .activeButton-LRWFC_, .theme-dark .activeButton-LRWFC_:hover, .theme-light .activeButton-LRWFC_, .theme-light .activeButton-LRWFC_:hover {
	color: var(--accent); 
}
.pageButton-1GMGeJ:hover {
	color: var(--text); 
	background-color: var(--select-alt);
}
.pageButton-1GMGeJ {
	color: var(--text); 
	background-color: var(--button-alt);
}

/* 6.3. Mentions */
.wrapper-2olG5t {
	background-color: var(--select-alt);
	color: var(--text);
}


/* 7. Member list */

/* 8. Library */

/* 9. Friends */
.peopleColumn-1wMU14 {
	background-color: var(--background-primary);
}
.theme-dark .text-27cdrj, .theme-dark .title-2CL_z0 {
	color: var(--text); 
}

/* 9.0.1 Add friend buttom */
#app-mount > div.app-3xd6d0 > div > div.layers-OrUESM.layers-1YQhyW > div > div > div > div > div.container-2cd8Mz > section > div.children-3xh0VB > div.tabBar-ra-EuL.topPill-3DJJNV > div:nth-child(5) {
	background-color: #133e7c !important;
	color: #0abdc6 !important;
}

#app-mount > div.app-3xd6d0 > div > div.layers-OrUESM.layers-1YQhyW > div > div > div > div > div.container-2cd8Mz > section > div.children-3xh0VB > div.tabBar-ra-EuL.topPill-3DJJNV > div:nth-child(5):hover {
	background-color: #321959 !important;
	color: #0abdc6 !important;
}

/* 9.1. Groups */

/* 9.1.2. Add friends */
.theme-dark .subtitle-3v29zT {
	color: var(--text);
}
.theme-dark .friend-8ZraY7 {
	color: var(--text);
}
.theme-dark .friendSelected-3cwmD7 {
	background-color: var(--button-alt);
	color: var(--text);
}
.theme-dark .checkbox-f1HnKB {
	border-color: var(--text);
}
.theme-dark .errorState-1R6bBt {
	color: var(--text);
}

/* 9.2. Friend Playing Modal */
.theme-dark .outer-2JOHae.active-1W_Gl9, .theme-dark .outer-2JOHae.interactive-2zD88a:hover {
    background-color: #321959;
}

/* 9.3. Call */
.colorable-3rVGna.green-3wkLbx, .colorable-3rVGna.green-3wkLbx .centerIcon-JYpTUi {
	color: var(--text);
}
.colorable-3rVGna.green-3wkLbx.active-3D763s {
	background: var(--button-alt);
}
.colorable-3rVGna.green-3wkLbx {
	background: var(--button-alt);
}
.colorable-3rVGna.green-3wkLbx:hover {
	background: var(--select-alt);
}
.controlIcon-10O-4h {
	color: var(--text); 
}
.controlIcon-10O-4h:hover {
	color: var(--accent); 
}
.colorable-3rVGna.primaryDark-2UJt1G {
	background: var(--button);
}
.colorable-3rVGna.primaryDark-2UJt1G:hover {
	background: var(--select-alt);
}
.colorable-3rVGna.primaryDark-2UJt1G, .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi {
	color: var(--text); 
}
.colorable-3rVGna.red-3T8maV, .colorable-3rVGna.red-3T8maV .centerIcon-JYpTUi {
	color: #ff0000;
}
.colorable-3rVGna.red-3T8maV {
	background: var(--button);
}
.colorable-3rVGna.red-3T8maV:hover {
	background: var(--select-alt);
}
.theme-dark .quickSelectPopout-2F0PXw {
	background: var(--background);
	color: var(--text);
}
.theme-dark .regionSelectName-1Tj9C9 {
	color: var(--text);
}
.theme-dark .quickSelectPopoutOption-2E2UmS:hover {
	background-color: var(--button-alt);
}
.theme-dark .quickSelectArrow-1dOOHb {
    filter: var(--text-svg); 
}

/* 10. Quickswitcher */
.tutorialMessages-3zmloc {
    color: var(--text);
}

/* 11. Settings */

.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B {
    color: var(--text);
    background-color: var(--button);
}
.theme-dark .lookFilled-yCfaCM.colorGrey-2iAG-B:hover {
    background-color: var(--select-alt);
}

/* 11.1. Apps */

/* 11.2. Connections */

/* 11.3. Payments */
.theme-dark .subText-1gefwV, .theme-light .subText-1gefwV {
    color: #0abdc6;
}
.theme-dark .codeRedemptionRedirect-3SBiCp {
    color: #0abdc6;
	background-color: var(--background-text);
	border-color: var(--background-text);
}

/* 11.4. Nitro */

/* 11.4. Voice */

/* 11.5. Game Activity */
.theme-dark .notDetected-2HEmAp, .theme-light .notDetected-2HEmAp {
    background-color: var(--background);
}
.theme-dark .notDetected-2HEmAp .gameName-Uw4dbt, .theme-light .notDetected-2HEmAp .gameName-Uw4dbt {
    color: var(--text);
}
.theme-dark .notDetected-2HEmAp .lastPlayed-3aHvxk, .theme-light .notDetected-2HEmAp .lastPlayed-3aHvxk {
    color: var(--text);
}
.theme-dark .nowPlayingAdd-3lvnXJ, .theme-light .nowPlayingAdd-3lvnXJ {
    color: var(--text);
}
.theme-dark .gameName-Uw4dbt {
    color: var(--accent);
}
.theme-dark .lastPlayed-3aHvxk, .theme-dark .overlayStatusText-AHDYB3 {
    color: var(--text);
}
.theme-dark .game-3x3aDt {
    -webkit-box-shadow: 0 1px 0 0 var(--text-alt);
    box-shadow: 0 1px 0 0 var(--text-alt);
}

/* 11.6. Change history */
.theme-dark .date-2tmzZM {
	color: var(--text);
}
.theme-dark .content-FDHp32 ol, .theme-dark .content-FDHp32 p, .theme-dark .content-FDHp32 ul li {
	color: var(--text);
}
.theme-dark .content-FDHp32 ul li::before {
	background-color: var(--text);
}
.fixed-cTX7Hp {
	color: #ff0000;
}
.theme-dark .socialLink-1qjJIk {
	color: var(--text);
}
.theme-dark .socialLink-1qjJIk:hover {
	color: var(--accent);
}


/* 11.7. Other */
.theme-dark .foreground-2hyALB {
    fill: var(--text);
}
.theme-dark .foreground-2hyALB:hover {
    fill: var(--accent);
}

/* 11.8. BetterDiscord */
.content-FDHp32 a {
    color: var(--accent);
}
.bd-settings-title {
    color: var(--text);
}
.bd-button {
    background-color: var(--button);
    color: var(--text);
}
.bd-button:hover {
    background-color: var(--select-alt);
}
.bd-toast.toast-success {
    background-color: var(--select-alt);
    color: var(--accent);
}
.theme-dark .bd-social-logo path {
    fill: var(--text);
}


/* 12. Dialogs */

/* 12.1. Quality Survey */
.theme-dark .header-sJd8D7 {
    color: #0abdc6;
}
.theme-dark .footer-2gL1pp {
    background-color: #000b1e;
    -webkit-box-shadow: inset 0 1px 0 rgba(19, 62, 124, .6);
    box-shadow: inset 0 1px 0 rgba(19, 62, 124, .6);
}
.theme-dark .checkbox-3kaeSU .checkboxInner-3yjcPe span {
    border-color: #0abdc6;
}

/* 12.2. New Device Dialog */
.lookLink-9FtZy-.colorBrand-3pXr91 {
    color: #ea00d9;
}

/* 13. TRANSPARENCY
	You can modify the transparency changing the values of the following parameters */
.theme-dark {
    --background-primary: rgba(9, 24, 51, .4) !important;
    --background-secondary: rgba(0, 11, 30, .4)  !important;
    --background-tertiary: rgba(0, 11, 30, .4) !important;
    --deprecated-panel-background: rgba(9, 24, 51, .4) !important;
    --channeltextarea-background: rgba(19, 62, 124, .7) !important;
    --background-secondary-alt: rgba(9, 24, 51, .7) !important;

}
.theme-dark .inset-3sAvek {
    background-color: var(--channeltextarea-background) !important;
}
.theme-dark .container-2cd8Mz {
    background-color: transparent;
}

/* Web scrollbars 
    This section is only necessary if you are going to use Discord in a web browser (with Stylus)   */

.theme-dark .scrollerThemed-2oenus.themeGhostHairline-DBD-2d .scrollbar-2rkZSL .thumb-2JwNFC {
    background-color: #0abdc6;
}
.scrollerThemed-2oenus.themeDark-2cjlUp .scrollbar-2rkZSL, .scrollerThemed-2oenus.themeDark-2cjlUp .scrollbar-2rkZSL .pad-29zQak, .theme-dark .scrollerWrap-2lJEkd .scrollbar-2rkZSL, .theme-dark .scrollerWrap-2lJEkd .scrollbar-2rkZSL .pad-29zQak, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scrollbar-2rkZSL, .theme-light .scrollerThemed-2oenus.themeDark-2cjlUp .scrollbar-2rkZSL .pad-29zQak {
    background-color: #000b1e !important;
}
.scrollerThemed-2oenus.themeGhostHairlineChannels-3G0x9_ .scrollbar-2rkZSL .thumb-2JwNFC {
    background-color: #0abdc6;
}
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scrollbar-2rkZSL .track-1JN30G {
    background-color: #000b1e;
    border: none;
}
.theme-dark .scrollerThemed-2oenus.themedWithTrack-q8E3vB .scrollbar-2rkZSL .thumb-2JwNFC {
    background-color: #0abdc6;
    border: 3px solid #000b1e;
}

/* Custom CSS goes here */

}