Materialistic
A clean material design theme for discord with a simple accent color
33
Live preview
Full Discord interface with this theme applied — powered by ThemePreview.
Screenshot
1
/**2
* @name Materialistic3
* @author BigMeanie4
* @version 1.0.05
* @description A clean material design theme for discord with a simple accent color6
* @invite P9fAbrDjQ67
*/8
9
@import url('https://booglesmcgee.github.io/Materialistic-Discord/Materialistic.css');10
:root {11
12
/*--Change the default accent colors--*/13
--accent-color-main: #b288e6;14
--accent-color-main-opacity:#b288e6CC;15
--accent-color-dark: #322c3a;16
--accent-color-darker: #251f2d;17
18
/*--Change the default background colors--*/19
--background-color-main: #212121;20
--background-color-dark: #191919;21
--background-color-darker: #131313;22
--background-color-darkest: #040404;23
--background-tertiary:var(--background-color-main);24
--background-primary:var(--background-color-main);25
26
/*--Change the default channel list width--*/27
--channels-width: 200px;28
29
/*--Change the default member list width--*/30
--members-width: 200px;31
32
/*Change the default server list sizing--*/33
--server-icon-size: 30px;34
--server-icon-spacing: 7px;35
--server-container-padding: 5px;36
37
/*--Change the default radial status settings--*/38
--rs-small-spacing: 2px;39
--rs-large-spacing: 3px;40
--rs-width: 2px;41
--rs-avatar-shape: 50%;42
--rs-online-color: #488558;43
--rs-idle-color: #faa61a;44
--rs-dnd-color: #ff6962;45
--rs-offline-color: #636b75;46
--rs-streaming-color: #643da7;47
--rs-invisible-color: #747f8d;48
49
/*--Change the default font sizes--*/50
--main-font-size:13px;51
--secondary-font-size:11px;52
--subtext-font-size:9px;53
54
/*--Change the default button and text colors--*/55
--button-no-accent: #a8a8a8;56
--text-color: #cfcfcf;57
--text-color-dark:#6D7178;58
59
/*--Change the default Scrollbar colors--*/60
--scrollbar-thin-thumb: var(--accent-color-main);61
--scrollbar-thin-track: transparent;62
--scrollbar-auto-thumb: var(--accent-color-main);63
--scrollbar-auto-track: var(--background-color-dark);64
--scrollbar-auto-scrollbar-color-thumb: var(--accent-color-main);65
--scrollbar-auto-scrollbar-color-track: var(--background-color-dark);66
67
/*--Misc--*/68
--text-link: var(--accent-color-main);69
--background-mentioned: var(--accent-color-darker);70
--background-mentioned-hover: var(--accent-color-dark);71
--radio-group-dot-foreground:var(--accent-color-main);72
73
/*--DO NOT CHANGE--*/74
--main-font: Montserrat;75
}