Dark Neon
A dark theme with customizable bright neon colors!
284
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Dark Neon3
* @author Bates4
* @version 3.0.05
* @source https://gitlab.com/B4T3S/bates-discord-theme6
* @website https://B4T3S.gitlab.io/bates-discord-theme/7
* @donate https://www.paypal.com/paypalme/floriancegledi8
* @patreon https://patreon.com/bates9
* @description A dark theme with bright neon-y colors, now with more options!10
* @authorId 13725913230553907211
* @invite 6qd3SkP6Ch12
*/13
14
@import url('https://B4T3S.github.io/DiscordDarkNeon/mainRewrite.css');15
/* ^ This is the main Import ^ DO NOT TOUCH. Without this, the theme won't load!!! */16
17
@import url('https://B4T3S.github.io/DiscordDarkNeon/css/hideUsers.css');18
/* This import adds the collapsible user-list. Remove it/comment it out to disable that feature */19
20
/* CUSTOMIZE COLORS IN HERE! */21
:root,22
.visual-refresh,23
.visual-refresh.theme-dark {24
--rgb-highlight: 4, 217, 255; /* The main highlight color */25
--rgb-background: 0, 0, 0; /* The main background color */26
--rgb-text: 197, 200, 198; /* The main text color */27
--rgb-close-button: 212, 18, 39; /* The main ";close this"; or ";deny"; color */28
--rgb-online-color: 57, 255, 20; /* The color used in the ";online"; user status symbol */29
--rgb-afk-color: 255, 255, 51; /* The color used in the ";idle"; user status symbol */30
--rgb-dnd-color: 255, 0, 0; /* The color used in the ";do not disturb"; user status symbol */31
--rgb-streaming-color: 188, 19, 254; /* The color used in the ";streaming X"; user status symbol */32
33
--transition-time: .3s; /* How fast animations added by the theme happen. Default is 0.3 seconds */34
35
--background-image: unset; /* To add an image, replace unset with url(https://www.YOUR-URL-HERE.com) */36
--background-position: center; /* Positions the background image */37
--background-size: cover; /* Scales the background image */38
--background-blur: 5px; /* Blurs the image which helps with readability of text infront of it */39
--background-brightness: 100%; /* Changes the background images brightness */40
}41