Sleekcord
A pitch black theme that's sleek and modern in every way.
2
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Sleekcord3
* @author TNT4ME4
* @description A pitch black theme that's sleek and modern in every way.5
* @version 36
* @invite G2YfSm3Md47
* @authorId 7904635586259189998
* @source https://github.com/TNT4ME/SleekCord9
*/10
11
/*12
LICENSE13
* https://github.com/TNT4ME/SleekCord/blob/main/LICENSE14
*/15
16
@import url('https://tnt4me.github.io/SleekCord/dist/import.css');17
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital@0;1&family=Nunito:ital@0;1&display=swap');18
19
/*easter eggs*/20
@import url('https://tnt4me.github.io/SleekCord/dist/easterEggs.css');/**/21
22
/*Plugin support*/23
@import url('https://tnt4me.github.io/SleekCord/dist/plugins/vencord/SpotifyControls.css');24
/*-------------*/25
26
:root {27
--SL-opacity: 100%; /*Window transparency | Default value: 100%*/28
29
--SL-mainCol: #000; /*Main background color | Default value: #000*/30
--SL-secCol: #0c0c0c; /*Secondary background color | Default value: #0c0c0c*/31
--SL-accentCol: oklch(0.7073 0.1808 291.18); /*Secondary background color | Default value: oklch(0.7073 0.1808 291.18)*/32
33
--SL-gradCol1: var(--SL-accentA); /*Gradient color | Default value: --SL-accentA*/34
--SL-gradCol2: oklch(0.8909 0.2062 191.37 / 0.3); /*Gradient color 2| Default value: oklch(0.8909 0.2062 191.37 / 0.3)*/35
36
--SL-blur: 15px; /*Controls the blur amount of everything | Default value: 15px*/ 37
38
--SL-spoiler: 20px; /*Spoiler blur amount | Default value: 20px*/39
40
--SL-profileCol: var(--SL-accentA); /*Profile background | Default value: --SL-accentA*/41
42
--SL-mentionCol: var(--SL-accentCol); /*Mention color | Default value: --SL-accentCol*/43
44
45
--SL-txtCol: #eee; /*Text color | Default value: #eee*/46
--SL-font: 'Nunito'; /*Font | Default value: 'Nunito'*/47
--SL-code: 'Jetbrains Mono', monospace; /*Code font | Default value: 'Jetbrains Mono'*/48
--SL-linkCol: oklch(0.6836 0.1563 194.769); /*Link color | Default value: oklch(0.6836 0.1563 194.769)*/49
50
--SL-icon: var(--SL-txtCol); /*Icon color | Default value: --SL-txtCol*/51
52
--SL-msgBar: #111; /*Message bar color | Default value: #111*/53
54
/*Light Theme*/55
--SL-mainCol-light: #eee; /*Main background color | Default value: #eee*/56
--SL-secCol-light: #e3e3e3; /*Secondary background color | Default value: #e3e3e3*/57
--SL-accentCol-light: oklch(0.7059 0.1952 234.6); /*Secondary background color | Default value: oklch(0.7059 0.1952 234.6)*/58
59
--SL-profileCol-light: var(--SL-accentA-light); /*Profile background | Default value: --SL-accentA-light*/60
61
--SL-mentionCol-light: var(--SL-accentCol-light); /*Mention color | Default value: --SL-accentCol-light*/62
63
--SL-txtCol-light: #222; /*Text color | Default value: #eee*/64
--SL-linkCol-light: oklch(0.5671 0.1297 194.769); /*Link color | Default value: oklch(0.5671 0.1297 194.769)*/65
66
--SL-icon-light: var(--SL-txtCol); /*Icon color | Default value: --SL-txtCol*/67
68
--SL-msgBar-light: #bbb; /*Message bar color | Default value: #bbb*/69
}70