72 lines
2.9 KiB
CSS
72 lines
2.9 KiB
CSS
|
//META{"name":"Discord Cyberpunk Neon Transparent","description":"An outrun/cyberpunk theme, based on Cyberpunk Neon color scheme","author":"Roboron","version":"1"}*//
|
||
|
|
|
||
|
|
@import url("https://roboron3042.github.io/Cyberpunk-Neon/CSS/discord/base.css");
|
||
|
|
|
||
|
|
/*
|
||
|
|
Autor: Roberto Michán Sánchez (Roboron)
|
||
|
|
Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
|
||
|
|
License: CC-BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* Custom background
|
||
|
|
To change the background replace the URL in background-image in .appMount-3lHmkl with your prefered one
|
||
|
|
|
||
|
|
Example:
|
||
|
|
|
||
|
|
background-image: url(https://d13ezvd6yrslxm.cloudfront.net/wp/wp-content/images/blade-runner-2049.jpg);
|
||
|
|
|
||
|
|
Result: https://cdn.discordapp.com/attachments/634038467696787463/634474813838065664/Screenshot_20191017_213616.png
|
||
|
|
*/
|
||
|
|
|
||
|
|
.appMount-3lHmkl {
|
||
|
|
background-image: url(https://i.imgur.com/jshwEyA.jpg);
|
||
|
|
background-color: rgba(9, 24, 51, 0);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 13. Transparency */
|
||
|
|
.theme-dark {
|
||
|
|
--background-primary: rgba(9, 24, 51, .4);
|
||
|
|
--background-secondary: rgba(0, 11, 30, .4);
|
||
|
|
--background-tertiary: rgba(0, 11, 30, .4);
|
||
|
|
--deprecated-panel-background: rgba(9, 24, 51, .4);
|
||
|
|
--channeltextarea-background: rgba(19, 62, 124, .7);
|
||
|
|
--background-secondary-alt: rgba(9, 24, 51, .7)
|
||
|
|
|
||
|
|
}
|
||
|
|
.theme-dark .container-1D34oG {
|
||
|
|
background-color: rgba(9, 24, 51, .4)
|
||
|
|
}
|
||
|
|
.theme-dark .inset-3sAvek {
|
||
|
|
background-color: rgba(19, 62, 124, .2);
|
||
|
|
}
|
||
|
|
.theme-dark .outer-1AjyKL.active-1xchHY, .theme-dark .outer-1AjyKL.interactive-3B9GmY:hover {
|
||
|
|
background-color: rgba(9, 24, 51, .4)
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Custom CSS goes here */
|
||
|
|
|