75 lines
2.2 KiB
CSS
75 lines
2.2 KiB
CSS
|
/**
|
||
|
|
* @name Materialistic
|
||
|
|
* @author BigMeanie
|
||
|
|
* @version 1.0.0
|
||
|
|
* @description A clean material design theme for discord with a simple accent color
|
||
|
|
* @invite P9fAbrDjQ6
|
||
|
|
*/
|
||
|
|
|
||
|
|
@import url('https://booglesmcgee.github.io/Materialistic-Discord/Materialistic.css');
|
||
|
|
:root {
|
||
|
|
|
||
|
|
/*--Change the default accent colors--*/
|
||
|
|
--accent-color-main: #b288e6;
|
||
|
|
--accent-color-main-opacity:#b288e6CC;
|
||
|
|
--accent-color-dark: #322c3a;
|
||
|
|
--accent-color-darker: #251f2d;
|
||
|
|
|
||
|
|
/*--Change the default background colors--*/
|
||
|
|
--background-color-main: #212121;
|
||
|
|
--background-color-dark: #191919;
|
||
|
|
--background-color-darker: #131313;
|
||
|
|
--background-color-darkest: #040404;
|
||
|
|
--background-tertiary:var(--background-color-main);
|
||
|
|
--background-primary:var(--background-color-main);
|
||
|
|
|
||
|
|
/*--Change the default channel list width--*/
|
||
|
|
--channels-width: 200px;
|
||
|
|
|
||
|
|
/*--Change the default member list width--*/
|
||
|
|
--members-width: 200px;
|
||
|
|
|
||
|
|
/*Change the default server list sizing--*/
|
||
|
|
--server-icon-size: 30px;
|
||
|
|
--server-icon-spacing: 7px;
|
||
|
|
--server-container-padding: 5px;
|
||
|
|
|
||
|
|
/*--Change the default radial status settings--*/
|
||
|
|
--rs-small-spacing: 2px;
|
||
|
|
--rs-large-spacing: 3px;
|
||
|
|
--rs-width: 2px;
|
||
|
|
--rs-avatar-shape: 50%;
|
||
|
|
--rs-online-color: #488558;
|
||
|
|
--rs-idle-color: #faa61a;
|
||
|
|
--rs-dnd-color: #ff6962;
|
||
|
|
--rs-offline-color: #636b75;
|
||
|
|
--rs-streaming-color: #643da7;
|
||
|
|
--rs-invisible-color: #747f8d;
|
||
|
|
|
||
|
|
/*--Change the default font sizes--*/
|
||
|
|
--main-font-size:13px;
|
||
|
|
--secondary-font-size:11px;
|
||
|
|
--subtext-font-size:9px;
|
||
|
|
|
||
|
|
/*--Change the default button and text colors--*/
|
||
|
|
--button-no-accent: #a8a8a8;
|
||
|
|
--text-color: #cfcfcf;
|
||
|
|
--text-color-dark:#6D7178;
|
||
|
|
|
||
|
|
/*--Change the default Scrollbar colors--*/
|
||
|
|
--scrollbar-thin-thumb: var(--accent-color-main);
|
||
|
|
--scrollbar-thin-track: transparent;
|
||
|
|
--scrollbar-auto-thumb: var(--accent-color-main);
|
||
|
|
--scrollbar-auto-track: var(--background-color-dark);
|
||
|
|
--scrollbar-auto-scrollbar-color-thumb: var(--accent-color-main);
|
||
|
|
--scrollbar-auto-scrollbar-color-track: var(--background-color-dark);
|
||
|
|
|
||
|
|
/*--Misc--*/
|
||
|
|
--text-link: var(--accent-color-main);
|
||
|
|
--background-mentioned: var(--accent-color-darker);
|
||
|
|
--background-mentioned-hover: var(--accent-color-dark);
|
||
|
|
--radio-group-dot-foreground:var(--accent-color-main);
|
||
|
|
|
||
|
|
/*--DO NOT CHANGE--*/
|
||
|
|
--main-font: Montserrat;
|
||
|
|
}
|