-
Notifications
You must be signed in to change notification settings - Fork 163
/
Copy pathSpotify-Discord.theme.css
100 lines (83 loc) · 2.89 KB
/
Spotify-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
88
89
90
91
92
93
94
95
96
97
98
99
100
/**
* @name Spotify Discord
* @version 2.0.0
* @description Combine Discord and Spotify into one
* @author CapnKitten
*
* @website http://github.com/CapnKitten
* @source https://github.com/CapnKitten/BetterDiscord/blob/master/Themes/Spotify-Discord/css/source.css
* @donate https://paypal.me/capnkitten
* @invite jzJkA6Z
*/
@import url(https://capnkitten.github.io/BetterDiscord/Themes/Spotify-Discord/css/source.css);
:root {
/* APP BACKGROUND COLORS */
--app-background: hsl(0,0%,0%);
--app-foreground: hsl(0,0%,7%);
/* APP CARD SETTINGS */
--app-card-radius: 8px;
--app-card-margin: 8px;
--app-card-top-margin: 4px;
--app-card-border-color: hsl(0,0%,14%);
/* APP BAR SETTINGS (BLACK BAR AT THE BOTTOM) */
--app-bar-size: 80px;
/* HEADER BAR SETTINGS */
--header-bar-height: 56px;
--header-bar-color: hsl(0,0%,13%);
/* ACCENT HSL AND TEXT COLOR SETTINGS */
--accent-hue: 141;
--accent-saturation: 72.9%;
--accent-lightness: 42%;
--accent-text-color: hsl(0,0%,6%);
/* ALERT HSL AND TEXT COLOR SETTINGS*/
--alert-hue: 0;
--alert-saturation: 85%;
--alert-lightness: 61%;
--alert-text-color: hsl(0,0%,0%);
/* LIST & MENU ITEM SETTINGS */
--background-tinted-hover: hsla(0,0%,100%,0.07);
--background-tinted-active: hsla(0,0%,100%,0.11);
--background-tinted-highlight: hsla(0,0%,100%,0.17);
--background-tinted-dark: hsla(0,0%,0%,0.23);
--menu-text-color: hsl(0,0%,85%);
--menu-item-radius: 6px;
/* CARD SETTINGS - DIFFERENT FROM APP CARD SETTINGS */
--card-color: hsl(0,0%,10%);
--card-color-hover: hsl(0,0%,14%);
--card-color-active: hsl(0,0%,22%);
--card-radius: 6px;
--card-border-color: hsl(0,0%,19%);
/* BUTTON SETTINGS */
--button-height: 36px;
--button-padding: 0 18px;
/* POPOUT AND MODAL SETTINGS */
--popout-color: hsl(0,0%,16%);
--popout-color-alt: hsl(0,0%,11%);
--popout-radius: 6px;
--popout-radius-big: 10px;
/* INPUT SETTINGS */
--input-height: 36px;
--input-padding: 0 12px;
--input-color: hsla(0,0%,100%,0.09);
--input-radius: 4px;
--input-border-color: hsl(0,0%,33%);
--input-text-color: hsl(0,0%,96%);
--input-placeholder-color: hsl(0,0%,71%);
/* MAIN CHAT BOX SETTINGS */
--main-textarea-min-height: 48px;
--main-textarea-color: hsl(0,0%,14%);
--main-textarea-border-color: hsl(0,0%,20%);
--main-textarea-text-color: hsl(0,0%,60%);
--main-textarea-placeholder-color: hsl(0,0%,54%);
--main-textarea-typing-color: hsla(0,0%,7%,0.9);
/* MESSAGE SETTINGS */
--message-color-hover: hsl(0,0%,9%);
/* SLIDER SETTINGS */
--slider-color: hsl(0,0%,70%);
--slider-background: hsl(0,0%,26%);
/* SCROLLBAR SETTINGS */
--scrollbar-width: 12px;
--scrollbar-color: hsl(0,0%,35%);
--scrollbar-hover-color: hsl(0,0%,49%);
--scrollbar-active-color: hsl(0,0%,58%);
}