forked from puckzxz/NotAnotherAnimeTheme
-
Notifications
You must be signed in to change notification settings - Fork 0
/
NotAnotherAnimeTheme.theme.css
204 lines (171 loc) · 4.97 KB
/
NotAnotherAnimeTheme.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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
/**
* @name NotAnotherAnimeTheme
* @author puckzxz#2080
* @version 3.2
* @description An easily customizable and automatically updating theme
* @invite FdZhbjY
* @source https://github.com/puckzxz/NotAnotherAnimeTheme
* @updateUrl https://raw.githubusercontent.com/puckzxz/NotAnotherAnimeTheme/master/NotAnotherAnimeTheme.theme.css
*/
@import url(https://puckzxz.github.io/NotAnotherAnimeTheme/build/v3/naat.v3.css);
/*
To make editing this theme easier I recommend using Notepad++
you can download it for free here https://notepad-plus-plus.org/download/
*/
/* Any images you use MUST end with .jpg or .png or any other image extension */
:root {
/*
Theme Background
*/
--theme-background-image: url(https://i.imgur.com/j1Z6HVc.jpg);
/*
Main Theme Color
*/
--main-theme-color: rgb(67, 181, 129);
/*
Main Theme Transparency
*/
--theme-transparency: rgba(0, 0, 0, 0.8);
/*
Home Icon Image
*/
--home-icon-image: url(https://i.imgur.com/63g6Em8.jpg);
/*
Change your friends icon image position
*/
--home-icon-image-position: center center;
/*
Change your friends icon image zoom
*/
--home-icon-image-zoom: 100%;
/*
Server Listing Width
Single Column: 62px
Double Column: 126px
Triple Column: 184px
Quad Column: 242px
*/
--server-listing-width: 126px;
/*
Font Size
*/
--font-size: 100%;
/*
Mention colors
*/
--mention-color: rgba(250, 166, 26, 0.05);
--mention-sider: rgba(250, 166, 26, 1);
--mention-hover-color: rgba(250, 166, 26, 0.08);
/*
Server category hover color
*/
--category-hover-color: rgb(60, 202, 138);
/*
Change the unread server animation.
Replace it with "none" in order to remove any animations and use the main color instead
*/
--unread-server-animation: rainbow;
/*
Video / Screen share buttons
*/
--video-screen-button-background-color: rgba(200, 200, 200, 0.2);
--video-screen-button-foreground-color: white;
--video-screen-button-background-hovor-color: rgba(200, 200, 200, 0.4);
--video-screen-button-foreground-hovor-color: white;
/*
Role Title Color
*/
--member-listing-role-color: var(--main-theme-color);
/*
Small User Popout
*/
--small-user-popout-background-image: var(--theme-background-image);
--small-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
--small-user-popout-background-image-position: center;
/*
Big User Popout
*/
--big-user-popout-background-image: var(--theme-background-image);
--big-user-popout-background-transparency: rgba(0, 0, 0, 0.6);
--big-user-popout-background-image-position: center;
/*
Code Markup
*/
--code-markup-background-color: rgba(0, 0, 0, 0.6);
--code-markup-border: 1px solid transparent;
/*
Message Box Transparency
*/
--message-box-transparency: rgba(0, 0, 0, 0.6);
/*
Embed Background Transparency
*/
--embed-background-transparency: rgba(0, 0, 0, 0.6);
/*
Message Hover Buttons
*/
--message-hover-buttons-background: rgba(200, 200, 200, 0.1);
/*
Context Menu Transparency
*/
--context-menu-transparency: rgba(15, 15, 15, 0.8);
/*
Add Server / Discovery Icon
*/
--add-discover-icon-transparency: rgba(200, 200, 200, 0.15);
--add-discover-icon-color: #43b581;
/*
Channel Limit Number Color
*/
--channel-limit-count-color: var(--channels-default);
--channel-limit-background-left: rgba(200, 200, 200, 0.1);
--channel-limit-background-right: rgba(200, 200, 200, 0.2);
/*
Scrollbar Colors
*/
--scrollbar-color: rgba(200, 200, 200, 0.2);
/*
Unread Message Divider
*/
--unread-message-divider-color: #f04747;
--unread-message-divider-font-color: #fff;
/*
New Messages Bar Color
*/
--new-messages-bar-background-color: #7289da;
--new-messages-bar-font-color: #fff;
/*
Emoji Menu
*/
--emoji-menu-background-color: rgba(0, 0, 0, 0.6);
--emoji-menu-sider-background-color: rgba(0, 0, 0, 0);
--emoji-menu-server-header-background-color: rgba(0, 0, 0, 0.8);
--emoji-menu-bottom-bar-background-color: black;
--emoji-menu-search-bar-background-color: rgba(200, 200, 200, 0.1);
/*
Message Search
*/
--message-search-menu-background-color: rgba(0, 0, 0, 0.8);
--message-search-container-background-color: rgba(0, 0, 0, 0.6);
--message-search-result-background-color: rgba(200, 200, 200, 0.05);
/*
Channel colors
*/
--text-voice-channel-color: rgb(142, 146, 151);
--text-voice-channel-hover-color: #dcddde;
--text-voice-channel-selected-text-color: #fff;
--unread-text-channel-color: #fff;
--unread-text-channel-bubble-color: var(--main-theme-color);
/*
Folders
*/
--folder-background-color: #2f3136;
--expanded-folder-background-color: transparent;
/*
Reactions
*/
--reaction-emoji-background-color: rgba(0, 0, 0, 0);
--reaction-emoji-border-color: 1px solid transparent;
--reaction-emoji-hover-background-color: rgba(255, 255, 255, 0.1);
--reaction-emoji-hover-border-color: rgba(255, 255, 255, 0.2);
}