-
Notifications
You must be signed in to change notification settings - Fork 152
/
Material-Discord.theme.css
87 lines (72 loc) · 2.27 KB
/
Material-Discord.theme.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
/**
* @name Material Discord
* @version 3.0.5
* @description A theme based on Google's Material Design
* @author CapnKitten
*
* @website http://github.com/CapnKitten
* @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Material-Discord/css/source.css
* @donate https://paypal.me/capnkitten
* @invite jzJkA6Z
*/
@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/source.css);
/* Material You addon */
@import url(https://capnkitten.github.io/BetterDiscord/Themes/Material-Discord/css/addons/material-you/source.css);
/* MATERIAL YOU DARK THEME SETTINGS */
.theme-dark {
--saturation-modifier: 0.31;
--lightness-modifier: 0.225;
--text-lightness-modifier: 1.0;
}
/* MATERIAL YOU LIGHT THEME SETTINGS */
.theme-light {
--saturation-modifier: 0.74;
--lightness-modifier: 2.125;
--text-lightness-modifier: 1.0;
}
:root {
/* ACCENT HSL AND TEXT COLOR SETTINGS */
--accent-hue: 227;
--accent-saturation: 71%;
--accent-lightness: 61%;
--accent-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
--accent-button-action: hsl(0,0%,100%);
/* ALERT HSL AND TEXT COLOR SETTINGS */
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
/* WARNING HSL AND TEXT COLOR SETTINGS*/
--warning-hue: 40;
--warning-saturation: 86.4%;
--warning-lightness: 56.9%;
--warning-text-color: hsl(0,0%,100%); /* DOES NOTHING WITH MATERIAL YOU ENABLED */
/* MESSAGE SETTINGS */
--message-radius: 18px;
--message-padding-top: 8px;
--message-padding-side: 12px;
/* MESSAGE MEDIA SETTINGS */
--media-radius: 10px;
/* CARD SETTINGS */
--card-radius: 8px;
--card-radius-big: 18px;
/* BUTTON SETTINGS */
--button-height: 36px;
--button-padding: 0 24px;
--button-action-color: hsl(0,0%,100%);
/* INPUT SETTINGS */
--input-height: 36px;
--input-padding: 0 12px;
/* POPOUT AND MODAL SETTINGS */
--popout-radius: 8px;
--popout-radius-big: 18px;
/* TOOLTIP SETTINGS */
--tooltip-color: hsl(0,0%,38%,0.9);
--tooltip-text-color: hsl(0,0%,87%);
--tooltip-font-size: 12px;
--tooltip-padding: 8px;
--tooltip-radius: 8px;
/* SCROLLBAR SETTINGS */
--scrollbar-width: 10px;
--scrollbar-thin-width: 6px;
}