File size: 9,492 Bytes
e4f4821
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
:root {
    --body-background-color: #FFF;
    --header-background-color: #fbfbfb;

    --color-primary: #333;
    --color-light: #999;
    --color-lighter: #dedede;
    --color-dark: #000;
    --color-medium: #555;
    --color-error: #b94a48;

    --link-color-primary: #3366CC;
    --link-color-focus: #DF5353;
    --link-color-hover: #333;

    --alert-color-default: #c09853;
    --alert-color-success: #468847;
    --alert-color-error: #b94a48;
    --alert-color-info: #3a87ad;
    --alert-color-normal: #333;

    --alert-background-color-default: #fcf8e3;
    --alert-background-color-success: #dff0d8;
    --alert-background-color-error: #f2dede;
    --alert-background-color-info: #d9edf7;
    --alert-background-color-normal: #f0f0f0;

    --alert-border-color-default: #fbeed5;
    --alert-border-color-success: #d6e9c6;
    --alert-border-color-error: #eed3d7;
    --alert-border-color-info: #bce8f1;
    --alert-border-color-normal: #ddd;

    --button-default-color: #333;
    --button-default-background-color: #f5f5f5;
    --button-default-border-color: #ddd;

    --button-default-color-focus: #000;
    --button-default-background-color-focus: #fafafa;
    --button-default-border-color-focus: #bbb;

    --button-primary-color: #fff;
    --button-primary-background-color: #4d90fe;
    --button-primary-border-color: #3079ed;

    --button-primary-color-focus: #fff;
    --button-primary-background-color-focus: #357ae8;
    --button-primary-border-color-focus: #3079ed;

    --button-danger-color: #fff;
    --button-danger-background-color: #d14836;
    --button-danger-border-color: #b0281a;

    --button-danger-color-focus: #fff;
    --button-danger-background-color-focus: #c53727;
    --button-danger-border-color-focus: #b0281a;

    --button-disabled-color: #ccc;
    --button-disabled-background-color: #f7f7f7;
    --button-disabled-border-color: #ccc;

    --table-header-background-color: #fbfbfb;
    --table-nth-background-color: #fefefe;
    --table-border-color: #eee;

    --avatar-color-letter: #fff;

    --activity-title-color: #000;
    --activity-title-border-color: #efefef;
    --activity-event-background-color: #fafafa;
    --activity-event-hover-color: #fff8dc;

    --user-mention-color: #000;

    --board-task-limit-color: #DF5353;

    --table-list-header-border-color: #e5e5e5;
    --table-list-header-background-color: #fbfbfb;
    --table-list-nth-background-color: #fefefe;
    --table-list-border-color: #e5e5e5;
    --table-list-row-hover-border-color: #ffeb8e;
    --table-list-row-background-color: #fff8dc;

    --sidebar-border-color: #efefef;

    --dropdown-background-color: #fff;
    --dropdown-border-color: #b2b2b2;
    --dropdown-li-border-color: #f8f8f8;

    --input-addon-background-color: rgba(147, 128, 108, 0.1);
    --input-addon-color: #666;

    --views-background-color: #fafafa;
    --views-border-color: #ddd;
    --views-active-color: #000;

    --input-focus-color: #000;
    --input-focus-border-color: rgba(82, 168, 236, 0.8);
    --input-focus-shadow-color: rgba(82, 168, 236, 0.6);
    --input-background-color: #fff;
    --input-border-color: #ccc;
    --input-placeholder-color: #dedede;

    --tooltip-background-color: #fff;
    --tooltip-border-color: #ddd;
    --tooltip-shadow-color: #aaa;

    --panel-background-color: #fcfcfc;
    --panel-border-color: #ddd;

    --draggable-item-selected-background-color: #fff;
    --draggable-item-selected-border-color: #666;
    --draggable-item-hover-background-color: #FEFFF2;
    --draggable-row-handle-color: #dedede;
    --draggable-placeholder-background-color: #fafafa;
    --draggable-placeholder-border-color: #000;

    --task-list-icons-color: #999;

    --form-help-color: brown;
    --form-error-color: #b94a48;

    --comment-title-border-color: #eee;
    --comment-nth-background-color: #fbfbfb;
    --comment-highlighted-background-color: #fff8dc;
    --comment-highlighted-hover-background-color: #fff8dc;
    --comment-highlighted-border-color: #ffeb8e;
}

html {
    color-scheme: light;
}

@media (prefers-color-scheme: dark) {
    :root {
        --body-background-color: #222;
        --header-background-color: #222;

        --color-primary: #a0a0a0;
        --color-light: #a0a0a0;
        --color-lighter: #efefef;
        --color-dark: #000;
        --color-medium: #4f4c4c;
        --color-error: #b94a48;

        --link-color-primary: #aaa;
        --link-color-focus: #ddd;
        --link-color-hover: #ddd;

        --alert-color-default: #efefef;
        --alert-color-success: #def6de;
        --alert-color-error: #de9393;
        --alert-color-info: #3a87ad;
        --alert-color-normal: #333;

        --alert-background-color-default: #333;
        --alert-background-color-success: #304b27;
        --alert-background-color-error: #500606;
        --alert-background-color-info: #d9edf7;
        --alert-background-color-normal: #f0f0f0;

        --alert-border-color-default: #444;
        --alert-border-color-success: #3c621b;
        --alert-border-color-error: #7e0315;
        --alert-border-color-info: #bce8f1;
        --alert-border-color-normal: #ddd;

        --button-default-color: #333;
        --button-default-background-color: #f5f5f5;
        --button-default-border-color: #ddd;

        --button-default-color-focus: #000;
        --button-default-background-color-focus: #fafafa;
        --button-default-border-color-focus: #bbb;

        --button-primary-color: #efefef;
        --button-primary-background-color: #333;
        --button-primary-border-color: #444;

        --button-primary-color-focus: #fff;
        --button-primary-background-color-focus: #555;
        --button-primary-border-color-focus: #888;

        --button-danger-color: #fff;
        --button-danger-background-color: #d14836;
        --button-danger-border-color: #b0281a;

        --button-danger-color-focus: #fff;
        --button-danger-background-color-focus: #c53727;
        --button-danger-border-color-focus: #b0281a;

        --button-disabled-color: #ccc;
        --button-disabled-background-color: #f7f7f7;
        --button-disabled-border-color: #ccc;

        --table-header-background-color: #1a1a1a;
        --table-nth-background-color: #2d2c2c;
        --table-border-color: rgba(147, 128, 108, 0.25);

        --avatar-color-letter: #fff;

        --activity-title-color: #e3e2e2;
        --activity-title-border-color: #efefef;
        --activity-event-background-color: #313131;
        --activity-event-hover-color: #000;

        --user-mention-color: #fff;

        --board-task-limit-color: #DF5353;

        --table-list-header-border-color: rgba(147, 128, 108, 0.25);
        --table-list-header-background-color: rgb(59, 59, 59);
        --table-list-nth-background-color: #2d2c2c;
        --table-list-border-color: rgba(147, 128, 108, 0.25);
        --table-list-row-hover-border-color: rgba(147, 128, 108, 0.25);
        --table-list-row-background-color: #434343;

        --sidebar-border-color: rgba(147, 128, 108, 0.25);

        --dropdown-background-color: #222;
        --dropdown-border-color: #000;
        --dropdown-li-border-color: #555;

        --input-addon-background-color: #1a1a1a;
        --input-addon-color: rgba(147, 128, 108, 0.25);

        --views-background-color: #1a1a1a;
        --views-border-color: rgba(147, 128, 108, 0.25);
        --views-active-color: #949494;

        --input-focus-color: #e6edf3;
        --input-focus-border-color: rgba(82, 168, 236, 0.8);
        --input-focus-shadow-color: rgba(82, 168, 236, 0.6);
        --input-background-color: rgb(59, 59, 59);
        --input-border-color: #777575;
        --input-placeholder-color: #666;

        --tooltip-background-color: #333;
        --tooltip-border-color: #555;
        --tooltip-shadow-color: #111;

        --panel-background-color: #2c2c2c;
        --panel-border-color: #000;

        --draggable-item-selected-background-color: #222;
        --draggable-item-selected-border-color: #111;
        --draggable-item-hover-background-color: #555;
        --draggable-row-handle-color: #444;
        --draggable-placeholder-background-color: #444;
        --draggable-placeholder-border-color: #666;

        --task-list-icons-color: #cccccc;

        --form-help-color: #a8a12f;
        --form-error-color: #f2332f;

        --comment-title-border-color: #eee;
        --comment-nth-background-color: #2b2a2a;
        --comment-highlighted-background-color: #2b2901;
        --comment-highlighted-hover-background-color: #000;
        --comment-highlighted-border-color: #c09e05;
    }

    html {
        color-scheme: dark;
    }

    .select2-dropdown, .select2-close-mask {
        background-color: var(--input-background-color);
    }

    .select2-container--default .select2-selection--multiple,
    .select2-container--default .select2-selection--single {
        background-color: var(--input-background-color);
        border-color: var(--input-border-color);
    }

    .select2-container--default.select2-container--focus .select2-selection--multiple {
        border-color: var(--input-focus-border-color);
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #fff;
    }

    .task-board-title {
        color: #000;
    }

    .task-summary-column a, .task-summary-column a:hover {
        color: #000;
    }
}