Neutron
A highly customizable Vibrant Purple Space Theme, now sugar free!
198
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Neutron Nova3
* @version 9.04
* @description A highly customizable Vibrant Purple Space Theme, now sugar free!5
* @author Cruxie + w1zard6
* @invite PZdnCVD7
* @source https://github.com/xcruxiex/themes8
* @website https://betterdiscord.app/theme/Neutron9
*//*10
$$\ $$\ $$$$$$$$\ $$\ $$\ $$$$$$$$\ $$$$$$$\ $$$$$$\ $$\ $$\ $$\ $$\ $$$$$$\ $$\ $$\ $$$$$$\ 11
$$$\ $$ |$$ _____|$$ | $$ |\__$$ __|$$ __$$\ $$ __$$\ $$$\ $$ | $$$\ $$ |$$ __$$\ $$ | $$ |$$ __$$\ 12
$$$$\ $$ |$$ | $$ | $$ | $$ | $$ | $$ |$$ / $$ |$$$$\ $$ | $$$$\ $$ |$$ / $$ |$$ | $$ |$$ / $$ |13
$$ $$\$$ |$$$$$\ $$ | $$ | $$ | $$$$$$$ |$$ | $$ |$$ $$\$$ | $$ $$\$$ |$$ | $$ |\$$\ $$ |$$$$$$$$ |14
$$ \$$$$ |$$ __| $$ | $$ | $$ | $$ __$$<; $$ | $$ |$$ \$$$$ | $$ \$$$$ |$$ | $$ | \$$\$$ / $$ __$$ |15
$$ |\$$$ |$$ | $$ | $$ | $$ | $$ | $$ |$$ | $$ |$$ |\$$$ | $$ |\$$$ |$$ | $$ | \$$$ / $$ | $$ |16
$$ | \$$ |$$$$$$$$\ \$$$$$$ | $$ | $$ | $$ | $$$$$$ |$$ | \$$ | $$ | \$$ | $$$$$$ | \$ / $$ | $$ |17
\__| \__|\________| \______/ \__| \__| \__| \______/ \__| \__| \__| \__| \______/ \_/ \__| \__|18
*/19
@import url("https://xcruxiex.github.io/themes/themes-cores/neutron.css");20
@import url("https://xcruxiex.github.io/themes/core/badges.css");21
@import url("https://xcruxiex.github.io/themes/core/custom-font.css");22
@import url("https://xcruxiex.github.io/themes/core/hljs.css"); /* Code Block Styles */23
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap"); /* Custom font import link (see fonts.google.com) */24
/*##########################################################################25
26
CHANGE VALUES BELOW TO CUSTOMIZE YOU THEME27
28
##########################################################################*/29
:root {30
/* COLORS */31
--themeColor1: rgb(96, 62, 207); /* Theme's color 1 */32
--themeColor2: rgb(80, 51, 173); /* Theme's color 2 */33
34
/* CUSTOM FONT */35
--customFont: 'Quicksand', monospace; /* Custom font, change the name in 'font name here', you must import the font first */36
37
/* HOME BUTTON */38
--homeImage: url('https://i.vgy.me/EHVyhc.jpg');/* Home button image, must be a direct link | You can also set it to a gradient, google ";css gradient";*/39
--homeImageSize: cover;/* To cover the button, set to ";cover";. You can also set it to ";100% 100%"; but the image will be stretched. Set to ";contain"; to see the entire image */40
41
/* BACKGROUND */42
--backgroundImage: url('https://i.vgy.me/nRrqd7.jpg');/* Backround image, must be a direct link | You can also set it to a gradient, google ";css gradient";*/43
--backgroundColor: rgba(0, 0, 0, 0.6); /* Background color */44
--backgroundPosition: center; /* Image position | center, left, right, bottom, top */45
--backgroundSize: Cover; /* To cover the entire app, set to ";cover";. You can also set it to ";100% 100%"; but the image will be stretched. Set to ";contain"; to see the entire image */46
--backgroundRepeat: no-repeat; /* if you want the image to repeat | Google ";css background repeat"; */47
--backgroundBlur: 0px; /* Set to 0 to remove blur | Set to 10px for average blur */48
--backgroundOpacity: .5; /* 0 is transparent */49
50
/* CODE BLOCKS */51
--backgroundCode: rgba(0,0,0,.5);52
--backgroundName: rgba(0,0,0,.5);53
}54