1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 | body {
|
22 | background: #2b2b2b;
|
23 | color: #dcdccc;
|
24 | }
|
25 |
|
26 | #main,
|
27 | #chat .sidebar,
|
28 | #windows .chan,
|
29 | #windows .window {
|
30 | background: #3f3f3f;
|
31 | }
|
32 |
|
33 | #settings,
|
34 | #sign-in,
|
35 | #connect .title {
|
36 | color: #88b090;
|
37 | }
|
38 |
|
39 | #settings,
|
40 | #sign-in,
|
41 | #connect .opt {
|
42 | color: #dcdccc;
|
43 | }
|
44 |
|
45 | #sidebar {
|
46 | background: #2b2b2b;
|
47 | }
|
48 |
|
49 | #sidebar .chan .name::after {
|
50 | background: linear-gradient(to right, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 1) 100%);
|
51 | }
|
52 |
|
53 | #footer {
|
54 | background: #333;
|
55 | border-top: 1px solid #000;
|
56 | }
|
57 |
|
58 | #chat .count {
|
59 | background-color: #434443;
|
60 | }
|
61 |
|
62 | #chat .search {
|
63 | color: #88b090;
|
64 | padding: 15px 16px;
|
65 | }
|
66 |
|
67 |
|
68 | #chat .content,
|
69 | #windows .header,
|
70 | #chat .user-mode::before,
|
71 | #chat .sidebar {
|
72 | border-color: #333;
|
73 | }
|
74 |
|
75 |
|
76 | #chat .user-mode {
|
77 | color: #dcdccc;
|
78 | }
|
79 |
|
80 |
|
81 | #chat .user {
|
82 | color: #bc8cbc;
|
83 | }
|
84 |
|
85 | #chat.colored-nicks .user.color-1 { color: #f7adf7; }
|
86 | #chat.colored-nicks .user.color-2 { color: #abf99f; }
|
87 | #chat.colored-nicks .user.color-3 { color: #86efdc; }
|
88 | #chat.colored-nicks .user.color-4 { color: #b76ee5; }
|
89 | #chat.colored-nicks .user.color-5 { color: #f9a4b3; }
|
90 | #chat.colored-nicks .user.color-6 { color: #f7999a; }
|
91 | #chat.colored-nicks .user.color-7 { color: #f497b9; }
|
92 | #chat.colored-nicks .user.color-8 { color: #f9a9d7; }
|
93 | #chat.colored-nicks .user.color-9 { color: #7fa2e2; }
|
94 | #chat.colored-nicks .user.color-10 { color: #a8b8ff; }
|
95 | #chat.colored-nicks .user.color-11 { color: #ad88fc; }
|
96 | #chat.colored-nicks .user.color-12 { color: #f4aead; }
|
97 | #chat.colored-nicks .user.color-13 { color: #fc71ab; }
|
98 | #chat.colored-nicks .user.color-14 { color: #ff72e0; }
|
99 | #chat.colored-nicks .user.color-15 { color: #8cb6ea; }
|
100 | #chat.colored-nicks .user.color-16 { color: #f9857c; }
|
101 | #chat.colored-nicks .user.color-17 { color: #ed9b82; }
|
102 | #chat.colored-nicks .user.color-18 { color: #8df484; }
|
103 | #chat.colored-nicks .user.color-19 { color: #ffcce3; }
|
104 | #chat.colored-nicks .user.color-20 { color: #efcc81; }
|
105 | #chat.colored-nicks .user.color-21 { color: #90a1ed; }
|
106 | #chat.colored-nicks .user.color-22 { color: #f4d484; }
|
107 | #chat.colored-nicks .user.color-23 { color: #97ea70; }
|
108 | #chat.colored-nicks .user.color-24 { color: #fcbbba; }
|
109 | #chat.colored-nicks .user.color-25 { color: #eef975; }
|
110 | #chat.colored-nicks .user.color-26 { color: #c7ff93; }
|
111 | #chat.colored-nicks .user.color-27 { color: #ffade1; }
|
112 | #chat.colored-nicks .user.color-28 { color: #98ecf2; }
|
113 | #chat.colored-nicks .user.color-29 { color: #7187f2; }
|
114 | #chat.colored-nicks .user.color-30 { color: #9676e2; }
|
115 | #chat.colored-nicks .user.color-31 { color: #f2a4eb; }
|
116 | #chat.colored-nicks .user.color-32 { color: #85f27d; }
|
117 |
|
118 | #chat a {
|
119 | color: #8c8cbc;
|
120 | }
|
121 |
|
122 |
|
123 | .irc-fg2 { color: #1b94ff; }
|
124 | .irc-fg5 { color: #e969a7; }
|
125 | .irc-fg12 { color: #6fb7ff; }
|
126 |
|
127 |
|
128 | #form {
|
129 | background: #333;
|
130 | border-color: #101010;
|
131 | }
|
132 |
|
133 | #windows #form .input {
|
134 | background-color: #434443 !important;
|
135 | border-color: #101010 !important;
|
136 | color: #dcdccc !important;
|
137 | }
|
138 |
|
139 | #form #nick {
|
140 | background: #101010;
|
141 | color: #dcdccc;
|
142 | }
|
143 |
|
144 | #form #submit:hover {
|
145 | opacity: 1;
|
146 | }
|
147 |
|
148 |
|
149 | #chat .show-more-button {
|
150 | background: #434443;
|
151 | border-color: #101010;
|
152 | color: #dcdccc;
|
153 | }
|
154 |
|
155 | #chat .show-more-button:hover {
|
156 | color: #fff;
|
157 | }
|
158 |
|
159 | #chat .header {
|
160 | color: #d2d39b;
|
161 | }
|
162 |
|
163 |
|
164 | #viewport .lt::after {
|
165 | border-color: #3f3f3f;
|
166 | }
|
167 |
|
168 | #chat .unread-marker-text::before {
|
169 | background-color: #3f3f3f;
|
170 | }
|
171 |
|
172 | #chat .date-marker::before {
|
173 | border-color: #97ea70;
|
174 | }
|
175 |
|
176 | #chat .date-marker-text::before {
|
177 | background-color: #3f3f3f;
|
178 | color: #97ea70;
|
179 | }
|
180 |
|
181 |
|
182 | #chat .msg {
|
183 | color: #ffcfaf;
|
184 | }
|
185 |
|
186 | #chat .message {
|
187 | color: #dcdccc;
|
188 | }
|
189 |
|
190 | #chat .self .text {
|
191 | color: #d2d39b;
|
192 | }
|
193 |
|
194 | #chat .error,
|
195 | #chat .error .from,
|
196 | #chat .channel .highlight,
|
197 | #chat .channel .highlight .from,
|
198 | #chat .channel .highlight .text {
|
199 | color: #bc6c4c;
|
200 | }
|
201 |
|
202 | #chat .unhandled .from {
|
203 | color: #aaa;
|
204 | }
|
205 |
|
206 | #chat .msg.quit .time,
|
207 | #chat .msg.quit .from button {
|
208 | color: #bc6c9c !important;
|
209 | }
|
210 |
|
211 | #chat .msg.topic {
|
212 | color: #dcdccc;
|
213 | }
|
214 |
|
215 | #chat .msg.join .time,
|
216 | #chat .msg.join .from button {
|
217 | color: #8cd0d3 !important;
|
218 | }
|
219 |
|
220 | #chat table.channel-list td {
|
221 | color: #ccc;
|
222 | }
|
223 |
|
224 |
|
225 |
|
226 | #chat .toggle-content {
|
227 | background: #333;
|
228 | color: #dcdccc;
|
229 | }
|
230 |
|
231 | #chat .toggle-content .body {
|
232 | color: #d2d39b;
|
233 | }
|
234 |
|
235 |
|
236 |
|
237 | #chat-container ::-moz-placeholder {
|
238 | color: #d2d39b;
|
239 | opacity: 0.5;
|
240 | }
|
241 |
|
242 | #chat-container ::-webkit-input-placeholder {
|
243 | color: #d2d39b;
|
244 | opacity: 0.5;
|
245 | }
|
246 |
|
247 | #chat-container :-ms-input-placeholder {
|
248 | color: #d2d39b;
|
249 | opacity: 0.5;
|
250 | }
|
251 |
|
252 |
|
253 |
|
254 | @media (min-width: 480px) {
|
255 | #chat .from::after {
|
256 | background: linear-gradient(to right, rgba(63, 63, 63, 0.5) 0%, rgba(63, 63, 63, 1) 100%);
|
257 | }
|
258 | }
|