Nocturnal
For when default discord just isn't dark enough, a theme for those who live at night. Now with extra spice!
185
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Nocturnal3
* @version 4.0.04
* @description For when default discord just isn't dark enough, a theme for those who live a night. Now with extra spice!5
* @author w1zard and cruxie6
* @invite PZdnCVD7
* @source https://github.com/xcruxiex/themes8
* @website https://betterdiscord.app/theme/Nocturnal9
*/10
@import url("https://xcruxiex.github.io/themes/themes-cores/nocturnal.css");11
/*12
13
14
15
NNNNNNNN NNNNNNNN tttt lllllll16
N:::::::N N::::::N ttt:::t l:::::l17
N::::::::N N::::::N t:::::t l:::::l18
N:::::::::N N::::::N t:::::t l:::::l19
N::::::::::N N::::::N ooooooooooo ccccccccccccccccttttttt:::::ttttttt uuuuuu uuuuuu rrrrr rrrrrrrrr nnnn nnnnnnnn aaaaaaaaaaaaa l::::l20
N:::::::::::N N::::::N oo:::::::::::oo cc:::::::::::::::ct:::::::::::::::::t u::::u u::::u r::::rrr:::::::::r n:::nn::::::::nn a::::::::::::a l::::l21
N:::::::N::::N N::::::No:::::::::::::::o c:::::::::::::::::ct:::::::::::::::::t u::::u u::::u r:::::::::::::::::r n::::::::::::::nn aaaaaaaaa:::::a l::::l22
N::::::N N::::N N::::::No:::::ooooo:::::oc:::::::cccccc:::::ctttttt:::::::tttttt u::::u u::::u rr::::::rrrrr::::::rnn:::::::::::::::n a::::a l::::l23
N::::::N N::::N:::::::No::::o o::::oc::::::c ccccccc t:::::t u::::u u::::u r:::::r r:::::r n:::::nnnn:::::n aaaaaaa:::::a l::::l24
N::::::N N:::::::::::No::::o o::::oc:::::c t:::::t u::::u u::::u r:::::r rrrrrrr n::::n n::::n aa::::::::::::a l::::l25
N::::::N N::::::::::No::::o o::::oc:::::c t:::::t u::::u u::::u r:::::r n::::n n::::n a::::aaaa::::::a l::::l26
N::::::N N:::::::::No::::o o::::oc::::::c ccccccc t:::::t ttttttu:::::uuuu:::::u r:::::r n::::n n::::na::::a a:::::a l::::l27
N::::::N N::::::::No:::::ooooo:::::oc:::::::cccccc:::::c t::::::tttt:::::tu:::::::::::::::uur:::::r n::::n n::::na::::a a:::::a l::::::l28
N::::::N N:::::::No:::::::::::::::o c:::::::::::::::::c tt::::::::::::::t u:::::::::::::::ur:::::r n::::n n::::na:::::aaaa::::::a l::::::l29
N::::::N N::::::N oo:::::::::::oo cc:::::::::::::::c tt:::::::::::tt uu::::::::uu:::ur:::::r n::::n n::::n a::::::::::aa:::al::::::l30
NNNNNNNN NNNNNNN ooooooooooo cccccccccccccccc ttttttttttt uuuuuuuu uuuurrrrrrr nnnnnn nnnnnn aaaaaaaaaa aaaallllllll 231
32
33
*/34
@import url("https://xcruxiex.github.io/themes/core/badges.css");35
@import url("https://xcruxiex.github.io/themes/core/custom-font.css");36
@import url("https://xcruxiex.github.io/themes/core/hljs.css"); /* Code Block Styles */37
@import url("https://DiscordStyles.github.io/RadialStatus/RadialStatus.css"); /* Radial Status */38
39
:root {40
41
/* -- COLORS PRESETS -- *//*42
Enable or disable each color preset: Remove the last `/*` after the name of each preset. 43
The enabled preset by default is an example of how to do this.44
*/45
46
/* Nocturnal 3.0 */ /*47
--mainColor: #2275c9;48
--gradientColor01: #00F260;49
--gradientColor02: #0575E6;50
--backgroundColor01: #1e2731;51
--backgroundColor02: #12171d;52
--linkcolor: #00F260;53
--backgroundCode: #191f25; 54
55
/* Bluey */ /*56
--mainColor: #a3c7d9; 57
--gradientColor01: #a3c7d9; 58
--gradientColor02: #2275c9;59
--backgroundColor01: #181e21;60
--backgroundColor02: #0f1214;61
--linkcolor: #597285;62
--backgroundCode: #12191d;63
64
/* Purple */ 65
--mainColor: #6900d1;66
--gradientColor01: #7800f1;67
--gradientColor02: #bb00c5;68
--backgroundColor01: #110022; 69
--backgroundColor02: #0a0014;70
--linkcolor: #6900d1;71
--backgroundCode: #10021f;72
73
/* Better Hljs */74
--backgroundName: rgba(0, 0, 0, .2);75
76
/* Gradients */77
--toggle-gradient: true;78
79
/* Radial Status */80
--rs-small-spacing: 2px;81
--rs-large-spacing: 3px;82
--rs-width: 2px;83
--rs-avatar-shape: 50%;84
--rs-online-color: var(--mainColor);85
--rs-phone-color: var(--mainColor);86
--rs-idle-color: #faa61a;87
--rs-dnd-color: #f04747;88
--rs-offline-color: #636b75;89
--rs-streaming-color: #643da7;90
--rs-invisible-color: #747f8d;91
--rs-phone-visible: block;92
93
/* Custom Font */94
--customFont: 'gg sans', sans-serif;95
}96