-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhowl.theme.css
96 lines (91 loc) · 3.36 KB
/
howl.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
/**
* @name howl
* @author ClearVision Team
* @version 6.3.0
* @description Highly customizable and beautiful theme for BetterDiscord.
* @source https://github.com/ClearVision/ClearVision-v6
* @website https://clearvision.github.io
* @invite 7pNUC9C
* @BDEditor Clear Vision
*/
@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P:wght@100;300;400;500;700&display=swap');
@import url('https://clearvision.github.io/ClearVision-v6/main.css');
@import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css');
@import url('https://discordstyles.github.io/HorizontalServerList/dist/HorizontalServerList.css');
:root {
--main-color: #4CAF50;
--hover-color: #009688;
--success-color: #00FF8B;
--danger-color: #982929;
--url-color: var(--main-color);
--background-image: url('https://images4.alphacoders.com/123/123064.jpg');
--background-shading: 100%;
--background-position: center;
--background-size: cover;
--background-repeat: no-repeat;
--background-attachment: fixed;
--background-brightness: 100%;
--background-contrast: 100%;
--background-saturation: 100%;
--background-grayscale: 0%;
--background-invert: 0%;
--background-blur: 0px;
--background-overlay: rgba(0,0,0,0.6);
--user-popout-image: url('https://images4.alphacoders.com/123/123064.jpg');
--user-popout-position: center left;
--user-popout-size: cover;
--user-popout-repeat: no-repeat;
--user-popout-attachment: fixed;
--user-popout-brightness: 100%;
--user-popout-contrast: 100%;
--user-popout-saturation: 100%;
--user-popout-grayscale: 0%;
--user-popout-invert: 0%;
--user-popout-blur: 3px;
--user-modal-image: url('https://images4.alphacoders.com/123/123064.jpg');
--user-modal-position: center right;
--user-modal-size: cover;
--user-modal-repeat: no-repeat;
--user-modal-attachment: fixed;
--user-modal-brightness: 100%;
--user-modal-contrast: 100%;
--user-modal-saturation: 100%;
--user-modal-grayscale: 0%;
--user-modal-invert: 0%;
--user-modal-blur: 3px;
--home-icon: transparent;
--home-position: center;
--home-size: 40px;
--channel-unread: #FFFFFF;
--channel-color: rgb(153,157,163,1);
--muted-color: rgb(171,171,171,0.38);
--online-color: #43b581;
--idle-color: #faa61a;
--dnd-color: #982929;
--streaming-color: #593695;
--offline-color: #808080;
--main-font: Shantell Sans;
--code-font: Press Start 2P;
--channels-width: 220px;
--members-width: 240px;
--backdrop-overlay: rgba(0,0,0,0.8);
--backdrop-image: var(--background-image);
--backdrop-position: var(--background-position);
--backdrop-size: var(--background-size);
--backdrop-repeat: var(--background-repeat);
--backdrop-attachment: var(--background-attachment);
--backdrop-brightness: var(--background-brightness);
--backdrop-contrast: var(--background-contrast);
--backdrop-saturation: var(--background-saturation);
--backdrop-invert: var(--background-invert);
--backdrop-grayscale: var(--background-grayscale);
--backdrop-sepia: var(--background-sepia);
--backdrop-blur: var(--background-blur);
--bd-blue: var(--main-color);
--bd-blue-hover: var(--hover-color);
--bd-blue-active: var(--hover-color);
--HSL-server-icon-size: 45px;
--HSL-server-spacing: 10px;
}
/* Any custom CSS below here */