homebridge-adt-pulse 3.3.5 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,824 @@
1
+ /* Theme Variables */
2
+ :root {
3
+ /* Red Theme */
4
+ --config-ui-x-red-bg: #d32f2f1a;
5
+ --config-ui-x-red-border: #d32f2f1a;
6
+ --config-ui-x-red-text: #f44336;
7
+
8
+ /* Pink Theme */
9
+ --config-ui-x-pink-bg: #c2185b1a;
10
+ --config-ui-x-pink-border: #c2185b1a;
11
+ --config-ui-x-pink-text: #e91e63;
12
+
13
+ /* Purple Theme */
14
+ --config-ui-x-purple-bg: #4213671a;
15
+ --config-ui-x-purple-border: #4213671a;
16
+ --config-ui-x-purple-text: #9c27b0;
17
+
18
+ /* Indigo Theme */
19
+ --config-ui-x-indigo-bg: #303f9f1a;
20
+ --config-ui-x-indigo-border: #303f9f1a;
21
+ --config-ui-x-indigo-text: #3f51b5;
22
+
23
+ /* Blue Theme */
24
+ --config-ui-x-blue-bg: #1976d21a;
25
+ --config-ui-x-blue-border: #1976d21a;
26
+ --config-ui-x-blue-text: #2196f3;
27
+
28
+ /* Blue Grey Theme */
29
+ --config-ui-x-blue-grey-bg: #455a641a;
30
+ --config-ui-x-blue-grey-border: #455a641a;
31
+ --config-ui-x-blue-grey-text: #607d8b;
32
+
33
+ /* Navi Blue Theme */
34
+ --config-ui-x-navi-blue-bg: #0000701a;
35
+ --config-ui-x-navi-blue-border: #0000701a;
36
+ --config-ui-x-navi-blue-text: #009;
37
+
38
+ /* Green Theme */
39
+ --config-ui-x-green-bg: #388e3c1a;
40
+ --config-ui-x-green-border: #388e3c1a;
41
+ --config-ui-x-green-text: #4caf50;
42
+
43
+ /* Orange Theme */
44
+ --config-ui-x-orange-bg: #ef6c001a;
45
+ --config-ui-x-orange-border: #ef6c001a;
46
+ --config-ui-x-orange-text: #ff9800;
47
+
48
+ /* Grey Theme */
49
+ --config-ui-x-grey-bg: #6161611a;
50
+ --config-ui-x-grey-border: #6161611a;
51
+ --config-ui-x-grey-text: #9e9e9e;
52
+
53
+ /* Brown Theme */
54
+ --config-ui-x-brown-bg: #4e342e1a;
55
+ --config-ui-x-brown-border: #4e342e1a;
56
+ --config-ui-x-brown-text: #795548;
57
+
58
+ /* Amber Theme */
59
+ --config-ui-x-amber-bg: #ff8f001a;
60
+ --config-ui-x-amber-border: #ff8f001a;
61
+ --config-ui-x-amber-text: #ffc107;
62
+
63
+ /* Teal Theme */
64
+ --config-ui-x-teal-bg: #00695c1a;
65
+ --config-ui-x-teal-border: #00695c1a;
66
+ --config-ui-x-teal-text: #009688;
67
+
68
+ /* Cyan Theme */
69
+ --config-ui-x-cyan-bg: #00838f1a;
70
+ --config-ui-x-cyan-border: #00838f1a;
71
+ --config-ui-x-cyan-text: #00bcd4;
72
+
73
+ /* Deep Purple Theme */
74
+ --config-ui-x-deep-purple-bg: #4527a01a;
75
+ --config-ui-x-deep-purple-border: #4527a01a;
76
+ --config-ui-x-deep-purple-text: #673ab7;
77
+
78
+ /* Dark Mode Theme */
79
+ --config-ui-x-dark-mode-bg: #ffa0001a;
80
+ --config-ui-x-dark-mode-border: #ffa0001a;
81
+ --config-ui-x-dark-mode-text: #ffa000;
82
+
83
+ /* Dark Mode v1 Theme */
84
+ --config-ui-x-dark-mode-v1-bg: #ffa0001a;
85
+ --config-ui-x-dark-mode-v1-border: #ffa0001a;
86
+ --config-ui-x-dark-mode-v1-text: #ffa000;
87
+
88
+ /* Dark Mode Red Theme */
89
+ --config-ui-x-dark-mode-red-bg: #d32f2f1a;
90
+ --config-ui-x-dark-mode-red-border: #d32f2f1a;
91
+ --config-ui-x-dark-mode-red-text: #d32f2f;
92
+
93
+ /* Dark Mode Pink Theme */
94
+ --config-ui-x-dark-mode-pink-bg: #c2185b1a;
95
+ --config-ui-x-dark-mode-pink-border: #c2185b1a;
96
+ --config-ui-x-dark-mode-pink-text: #c2185b;
97
+
98
+ /* Dark Mode Purple Theme */
99
+ --config-ui-x-dark-mode-purple-bg: #9c27b01a;
100
+ --config-ui-x-dark-mode-purple-border: #9c27b01a;
101
+ --config-ui-x-dark-mode-purple-text: #9c27b0;
102
+
103
+ /* Dark Mode Indigo Theme */
104
+ --config-ui-x-dark-mode-indigo-bg: #3f51b51a;
105
+ --config-ui-x-dark-mode-indigo-border: #3f51b51a;
106
+ --config-ui-x-dark-mode-indigo-text: #3f51b5;
107
+
108
+ /* Dark Mode Blue Theme */
109
+ --config-ui-x-dark-mode-blue-bg: #2196f31a;
110
+ --config-ui-x-dark-mode-blue-border: #2196f31a;
111
+ --config-ui-x-dark-mode-blue-text: #2196f3;
112
+
113
+ /* Dark Mode Blue Grey Theme */
114
+ --config-ui-x-dark-mode-blue-grey-bg: #607d8b1a;
115
+ --config-ui-x-dark-mode-blue-grey-border: #607d8b1a;
116
+ --config-ui-x-dark-mode-blue-grey-text: #607d8b;
117
+
118
+ /* Dark Mode Green Theme */
119
+ --config-ui-x-dark-mode-green-bg: #388e3c1a;
120
+ --config-ui-x-dark-mode-green-border: #388e3c1a;
121
+ --config-ui-x-dark-mode-green-text: #388e3c;
122
+
123
+ /* Dark Mode Grey Theme */
124
+ --config-ui-x-dark-mode-grey-bg: #9e9e9e1a;
125
+ --config-ui-x-dark-mode-grey-border: #9e9e9e1a;
126
+ --config-ui-x-dark-mode-grey-text: #9e9e9e;
127
+
128
+ /* Dark Mode Brown Theme */
129
+ --config-ui-x-dark-mode-brown-bg: #7955481a;
130
+ --config-ui-x-dark-mode-brown-border: #7955481a;
131
+ --config-ui-x-dark-mode-brown-text: #795548;
132
+
133
+ /* Dark Mode Teal Theme */
134
+ --config-ui-x-dark-mode-teal-bg: #0096881a;
135
+ --config-ui-x-dark-mode-teal-border: #0096881a;
136
+ --config-ui-x-dark-mode-teal-text: #009688;
137
+
138
+ /* Dark Mode Cyan Theme */
139
+ --config-ui-x-dark-mode-cyan-bg: #00838f1a;
140
+ --config-ui-x-dark-mode-cyan-border: #00838f1a;
141
+ --config-ui-x-dark-mode-cyan-text: #00838f;
142
+ }
143
+
144
+ /* Nav links */
145
+ .config-ui-x-red .nav-link {
146
+ color: var(--config-ui-x-red-text);
147
+ }
148
+
149
+ .config-ui-x-pink .nav-link {
150
+ color: var(--config-ui-x-pink-text);
151
+ }
152
+
153
+ .config-ui-x-purple .nav-link {
154
+ color: var(--config-ui-x-purple-text);
155
+ }
156
+
157
+ .config-ui-x-indigo .nav-link {
158
+ color: var(--config-ui-x-indigo-text);
159
+ }
160
+
161
+ .config-ui-x-blue .nav-link {
162
+ color: var(--config-ui-x-blue-text);
163
+ }
164
+
165
+ .config-ui-x-blue-grey .nav-link {
166
+ color: var(--config-ui-x-blue-grey-text);
167
+ }
168
+
169
+ .config-ui-x-navi-blue .nav-link {
170
+ color: var(--config-ui-x-navi-blue-text);
171
+ }
172
+
173
+ .config-ui-x-green .nav-link {
174
+ color: var(--config-ui-x-green-text);
175
+ }
176
+
177
+ .config-ui-x-orange .nav-link {
178
+ color: var(--config-ui-x-orange-text);
179
+ }
180
+
181
+ .config-ui-x-grey .nav-link {
182
+ color: var(--config-ui-x-grey-text);
183
+ }
184
+
185
+ .config-ui-x-brown .nav-link {
186
+ color: var(--config-ui-x-brown-text);
187
+ }
188
+
189
+ .config-ui-x-amber .nav-link {
190
+ color: var(--config-ui-x-amber-text);
191
+ }
192
+
193
+ .config-ui-x-teal .nav-link {
194
+ color: var(--config-ui-x-teal-text);
195
+ }
196
+
197
+ .config-ui-x-cyan .nav-link {
198
+ color: var(--config-ui-x-cyan-text);
199
+ }
200
+
201
+ .config-ui-x-deep-purple .nav-link {
202
+ color: var(--config-ui-x-deep-purple-text);
203
+ }
204
+
205
+ .config-ui-x-dark-mode .nav-link {
206
+ color: var(--config-ui-x-dark-mode-text);
207
+ }
208
+
209
+ .config-ui-x-dark-mode-v1 .nav-link {
210
+ color: var(--config-ui-x-dark-mode-v1-text);
211
+ }
212
+
213
+ .config-ui-x-dark-mode-red .nav-link {
214
+ color: var(--config-ui-x-dark-mode-red-text);
215
+ }
216
+
217
+ .config-ui-x-dark-mode-pink .nav-link {
218
+ color: var(--config-ui-x-dark-mode-pink-text);
219
+ }
220
+
221
+ .config-ui-x-dark-mode-purple .nav-link {
222
+ color: var(--config-ui-x-dark-mode-purple-text);
223
+ }
224
+
225
+ .config-ui-x-dark-mode-indigo .nav-link {
226
+ color: var(--config-ui-x-dark-mode-indigo-text);
227
+ }
228
+
229
+ .config-ui-x-dark-mode-blue .nav-link {
230
+ color: var(--config-ui-x-dark-mode-blue-text);
231
+ }
232
+
233
+ .config-ui-x-dark-mode-blue-grey .nav-link {
234
+ color: var(--config-ui-x-dark-mode-blue-grey-text);
235
+ }
236
+
237
+ .config-ui-x-dark-mode-green .nav-link {
238
+ color: var(--config-ui-x-dark-mode-green-text);
239
+ }
240
+
241
+ .config-ui-x-dark-mode-grey .nav-link {
242
+ color: var(--config-ui-x-dark-mode-grey-text);
243
+ }
244
+
245
+ .config-ui-x-dark-mode-brown .nav-link {
246
+ color: var(--config-ui-x-dark-mode-brown-text);
247
+ }
248
+
249
+ .config-ui-x-dark-mode-teal .nav-link {
250
+ color: var(--config-ui-x-dark-mode-teal-text);
251
+ }
252
+
253
+ .config-ui-x-dark-mode-cyan .nav-link {
254
+ color: var(--config-ui-x-dark-mode-cyan-text);
255
+ }
256
+
257
+ /* Nav links hover */
258
+ .config-ui-x-red .nav-link:hover,
259
+ .config-ui-x-red .nav-link:focus,
260
+ .config-ui-x-pink .nav-link:hover,
261
+ .config-ui-x-pink .nav-link:focus,
262
+ .config-ui-x-purple .nav-link:hover,
263
+ .config-ui-x-purple .nav-link:focus,
264
+ .config-ui-x-indigo .nav-link:hover,
265
+ .config-ui-x-indigo .nav-link:focus,
266
+ .config-ui-x-blue .nav-link:hover,
267
+ .config-ui-x-blue .nav-link:focus,
268
+ .config-ui-x-blue-grey .nav-link:hover,
269
+ .config-ui-x-blue-grey .nav-link:focus,
270
+ .config-ui-x-navi-blue .nav-link:hover,
271
+ .config-ui-x-navi-blue .nav-link:focus,
272
+ .config-ui-x-green .nav-link:hover,
273
+ .config-ui-x-green .nav-link:focus,
274
+ .config-ui-x-orange .nav-link:hover,
275
+ .config-ui-x-orange .nav-link:focus,
276
+ .config-ui-x-grey .nav-link:hover,
277
+ .config-ui-x-grey .nav-link:focus,
278
+ .config-ui-x-brown .nav-link:hover,
279
+ .config-ui-x-brown .nav-link:focus,
280
+ .config-ui-x-amber .nav-link:hover,
281
+ .config-ui-x-amber .nav-link:focus,
282
+ .config-ui-x-teal .nav-link:hover,
283
+ .config-ui-x-teal .nav-link:focus,
284
+ .config-ui-x-cyan .nav-link:hover,
285
+ .config-ui-x-cyan .nav-link:focus,
286
+ .config-ui-x-deep-purple .nav-link:hover,
287
+ .config-ui-x-deep-purple .nav-link:focus,
288
+ .config-ui-x-dark-mode .nav-link:hover,
289
+ .config-ui-x-dark-mode .nav-link:focus,
290
+ .config-ui-x-dark-mode-v1 .nav-link:hover,
291
+ .config-ui-x-dark-mode-v1 .nav-link:focus,
292
+ .config-ui-x-dark-mode-red .nav-link:hover,
293
+ .config-ui-x-dark-mode-red .nav-link:focus,
294
+ .config-ui-x-dark-mode-pink .nav-link:hover,
295
+ .config-ui-x-dark-mode-pink .nav-link:focus,
296
+ .config-ui-x-dark-mode-purple .nav-link:hover,
297
+ .config-ui-x-dark-mode-purple .nav-link:focus,
298
+ .config-ui-x-dark-mode-indigo .nav-link:hover,
299
+ .config-ui-x-dark-mode-indigo .nav-link:focus,
300
+ .config-ui-x-dark-mode-blue .nav-link:hover,
301
+ .config-ui-x-dark-mode-blue .nav-link:focus,
302
+ .config-ui-x-dark-mode-blue-grey .nav-link:hover,
303
+ .config-ui-x-dark-mode-blue-grey .nav-link:focus,
304
+ .config-ui-x-dark-mode-green .nav-link:hover,
305
+ .config-ui-x-dark-mode-green .nav-link:focus,
306
+ .config-ui-x-dark-mode-grey .nav-link:hover,
307
+ .config-ui-x-dark-mode-grey .nav-link:focus,
308
+ .config-ui-x-dark-mode-brown .nav-link:hover,
309
+ .config-ui-x-dark-mode-brown .nav-link:focus {
310
+ filter: brightness(1.2);
311
+ }
312
+
1
313
  /* Navigation tabs */
2
314
  .nav-tabs .nav-link {
3
315
  color: inherit;
4
316
  }
317
+
318
+ /* Checkbox */
319
+ .config-ui-x-red .form-check-input[type="checkbox"] {
320
+ border-color: var(--config-ui-x-red-text);
321
+ }
322
+
323
+ .config-ui-x-pink .form-check-input[type="checkbox"] {
324
+ border-color: var(--config-ui-x-pink-text);
325
+ }
326
+
327
+ .config-ui-x-purple .form-check-input[type="checkbox"] {
328
+ border-color: var(--config-ui-x-purple-text);
329
+ }
330
+
331
+ .config-ui-x-indigo .form-check-input[type="checkbox"] {
332
+ border-color: var(--config-ui-x-indigo-text);
333
+ }
334
+
335
+ .config-ui-x-blue .form-check-input[type="checkbox"] {
336
+ border-color: var(--config-ui-x-blue-text);
337
+ }
338
+
339
+ .config-ui-x-blue-grey .form-check-input[type="checkbox"] {
340
+ border-color: var(--config-ui-x-blue-grey-text);
341
+ }
342
+
343
+ .config-ui-x-navi-blue .form-check-input[type="checkbox"] {
344
+ border-color: var(--config-ui-x-navi-blue-text);
345
+ }
346
+
347
+ .config-ui-x-green .form-check-input[type="checkbox"] {
348
+ border-color: var(--config-ui-x-green-text);
349
+ }
350
+
351
+ .config-ui-x-orange .form-check-input[type="checkbox"] {
352
+ border-color: var(--config-ui-x-orange-text);
353
+ }
354
+
355
+ .config-ui-x-grey .form-check-input[type="checkbox"] {
356
+ border-color: var(--config-ui-x-grey-text);
357
+ }
358
+
359
+ .config-ui-x-brown .form-check-input[type="checkbox"] {
360
+ border-color: var(--config-ui-x-brown-text);
361
+ }
362
+
363
+ .config-ui-x-amber .form-check-input[type="checkbox"] {
364
+ border-color: var(--config-ui-x-amber-text);
365
+ }
366
+
367
+ .config-ui-x-teal .form-check-input[type="checkbox"] {
368
+ border-color: var(--config-ui-x-teal-text);
369
+ }
370
+
371
+ .config-ui-x-cyan .form-check-input[type="checkbox"] {
372
+ border-color: var(--config-ui-x-cyan-text);
373
+ }
374
+
375
+ .config-ui-x-deep-purple .form-check-input[type="checkbox"] {
376
+ border-color: var(--config-ui-x-deep-purple-text);
377
+ }
378
+
379
+ .config-ui-x-dark-mode .form-check-input[type="checkbox"] {
380
+ border-color: var(--config-ui-x-dark-mode-text);
381
+ }
382
+
383
+ .config-ui-x-dark-mode-v1 .form-check-input[type="checkbox"] {
384
+ border-color: var(--config-ui-x-dark-mode-v1-text);
385
+ }
386
+
387
+ .config-ui-x-dark-mode-red .form-check-input[type="checkbox"] {
388
+ border-color: var(--config-ui-x-dark-mode-red-text);
389
+ }
390
+
391
+ .config-ui-x-dark-mode-pink .form-check-input[type="checkbox"] {
392
+ border-color: var(--config-ui-x-dark-mode-pink-text);
393
+ }
394
+
395
+ .config-ui-x-dark-mode-purple .form-check-input[type="checkbox"] {
396
+ border-color: var(--config-ui-x-dark-mode-purple-text);
397
+ }
398
+
399
+ .config-ui-x-dark-mode-indigo .form-check-input[type="checkbox"] {
400
+ border-color: var(--config-ui-x-dark-mode-indigo-text);
401
+ }
402
+
403
+ .config-ui-x-dark-mode-blue .form-check-input[type="checkbox"] {
404
+ border-color: var(--config-ui-x-dark-mode-blue-text);
405
+ }
406
+
407
+ .config-ui-x-dark-mode-blue-grey .form-check-input[type="checkbox"] {
408
+ border-color: var(--config-ui-x-dark-mode-blue-grey-text);
409
+ }
410
+
411
+ .config-ui-x-dark-mode-green .form-check-input[type="checkbox"] {
412
+ border-color: var(--config-ui-x-dark-mode-green-text);
413
+ }
414
+
415
+ .config-ui-x-dark-mode-grey .form-check-input[type="checkbox"] {
416
+ border-color: var(--config-ui-x-dark-mode-grey-text);
417
+ }
418
+
419
+ .config-ui-x-dark-mode-brown .form-check-input[type="checkbox"] {
420
+ border-color: var(--config-ui-x-dark-mode-brown-text);
421
+ }
422
+
423
+ .config-ui-x-dark-mode-teal .form-check-input[type="checkbox"] {
424
+ border-color: var(--config-ui-x-dark-mode-teal-text);
425
+ }
426
+
427
+ .config-ui-x-dark-mode-cyan .form-check-input[type="checkbox"] {
428
+ border-color: var(--config-ui-x-dark-mode-cyan-text);
429
+ }
430
+
431
+ /* Checkbox checked */
432
+ .config-ui-x-red .form-check-input:checked[type="checkbox"] {
433
+ background-color: var(--config-ui-x-red-text);
434
+ }
435
+
436
+ .config-ui-x-pink .form-check-input:checked[type="checkbox"] {
437
+ background-color: var(--config-ui-x-pink-text);
438
+ }
439
+
440
+ .config-ui-x-purple .form-check-input:checked[type="checkbox"] {
441
+ background-color: var(--config-ui-x-purple-text);
442
+ }
443
+
444
+ .config-ui-x-indigo .form-check-input:checked[type="checkbox"] {
445
+ background-color: var(--config-ui-x-indigo-text);
446
+ }
447
+
448
+ .config-ui-x-blue .form-check-input:checked[type="checkbox"] {
449
+ background-color: var(--config-ui-x-blue-text);
450
+ }
451
+
452
+ .config-ui-x-blue-grey .form-check-input:checked[type="checkbox"] {
453
+ background-color: var(--config-ui-x-blue-grey-text);
454
+ }
455
+
456
+ .config-ui-x-navi-blue .form-check-input:checked[type="checkbox"] {
457
+ background-color: var(--config-ui-x-navi-blue-text);
458
+ }
459
+
460
+ .config-ui-x-green .form-check-input:checked[type="checkbox"] {
461
+ background-color: var(--config-ui-x-green-text);
462
+ }
463
+
464
+ .config-ui-x-orange .form-check-input:checked[type="checkbox"] {
465
+ background-color: var(--config-ui-x-orange-text);
466
+ }
467
+
468
+ .config-ui-x-grey .form-check-input:checked[type="checkbox"] {
469
+ background-color: var(--config-ui-x-grey-text);
470
+ }
471
+
472
+ .config-ui-x-brown .form-check-input:checked[type="checkbox"] {
473
+ background-color: var(--config-ui-x-brown-text);
474
+ }
475
+
476
+ .config-ui-x-amber .form-check-input:checked[type="checkbox"] {
477
+ background-color: var(--config-ui-x-amber-text);
478
+ }
479
+
480
+ .config-ui-x-teal .form-check-input:checked[type="checkbox"] {
481
+ background-color: var(--config-ui-x-teal-text);
482
+ }
483
+
484
+ .config-ui-x-cyan .form-check-input:checked[type="checkbox"] {
485
+ background-color: var(--config-ui-x-cyan-text);
486
+ }
487
+
488
+ .config-ui-x-deep-purple .form-check-input:checked[type="checkbox"] {
489
+ background-color: var(--config-ui-x-deep-purple-text);
490
+ }
491
+
492
+ .config-ui-x-dark-mode .form-check-input:checked[type="checkbox"] {
493
+ background-color: var(--config-ui-x-dark-mode-text);
494
+ }
495
+
496
+ .config-ui-x-dark-mode-v1 .form-check-input:checked[type="checkbox"] {
497
+ background-color: var(--config-ui-x-dark-mode-v1-text);
498
+ }
499
+
500
+ .config-ui-x-dark-mode-red .form-check-input:checked[type="checkbox"] {
501
+ background-color: var(--config-ui-x-dark-mode-red-text);
502
+ }
503
+
504
+ .config-ui-x-dark-mode-pink .form-check-input:checked[type="checkbox"] {
505
+ background-color: var(--config-ui-x-dark-mode-pink-text);
506
+ }
507
+
508
+ .config-ui-x-dark-mode-purple .form-check-input:checked[type="checkbox"] {
509
+ background-color: var(--config-ui-x-dark-mode-purple-text);
510
+ }
511
+
512
+ .config-ui-x-dark-mode-indigo .form-check-input:checked[type="checkbox"] {
513
+ background-color: var(--config-ui-x-dark-mode-indigo-text);
514
+ }
515
+
516
+ .config-ui-x-dark-mode-blue .form-check-input:checked[type="checkbox"] {
517
+ background-color: var(--config-ui-x-dark-mode-blue-text);
518
+ }
519
+
520
+ .config-ui-x-dark-mode-blue-grey .form-check-input:checked[type="checkbox"] {
521
+ background-color: var(--config-ui-x-dark-mode-blue-grey-text);
522
+ }
523
+
524
+ .config-ui-x-dark-mode-green .form-check-input:checked[type="checkbox"] {
525
+ background-color: var(--config-ui-x-dark-mode-green-text);
526
+ }
527
+
528
+ .config-ui-x-dark-mode-grey .form-check-input:checked[type="checkbox"] {
529
+ background-color: var(--config-ui-x-dark-mode-grey-text);
530
+ }
531
+
532
+ .config-ui-x-dark-mode-brown .form-check-input:checked[type="checkbox"] {
533
+ background-color: var(--config-ui-x-dark-mode-brown-text);
534
+ }
535
+
536
+ .config-ui-x-dark-mode-teal .form-check-input:checked[type="checkbox"] {
537
+ background-color: var(--config-ui-x-dark-mode-teal-text);
538
+ }
539
+
540
+ .config-ui-x-dark-mode-cyan .form-check-input:checked[type="checkbox"] {
541
+ background-color: var(--config-ui-x-dark-mode-cyan-text);
542
+ }
543
+
544
+ /* Accordion button */
545
+ .config-ui-x-red .accordion-button:not(.collapsed) {
546
+ background-color: var(--config-ui-x-red-bg);
547
+ border-color: var(--config-ui-x-red-border);
548
+ color: var(--config-ui-x-red-text);
549
+ }
550
+
551
+ .config-ui-x-pink .accordion-button:not(.collapsed) {
552
+ background-color: var(--config-ui-x-pink-bg);
553
+ border-color: var(--config-ui-x-pink-border);
554
+ color: var(--config-ui-x-pink-text);
555
+ }
556
+
557
+ .config-ui-x-purple .accordion-button:not(.collapsed) {
558
+ background-color: var(--config-ui-x-purple-bg);
559
+ border-color: var(--config-ui-x-purple-border);
560
+ color: var(--config-ui-x-purple-text);
561
+ }
562
+
563
+ .config-ui-x-indigo .accordion-button:not(.collapsed) {
564
+ background-color: var(--config-ui-x-indigo-bg);
565
+ border-color: var(--config-ui-x-indigo-border);
566
+ color: var(--config-ui-x-indigo-text);
567
+ }
568
+
569
+ .config-ui-x-blue .accordion-button:not(.collapsed) {
570
+ background-color: var(--config-ui-x-blue-bg);
571
+ border-color: var(--config-ui-x-blue-border);
572
+ color: var(--config-ui-x-blue-text);
573
+ }
574
+
575
+ .config-ui-x-blue-grey .accordion-button:not(.collapsed) {
576
+ background-color: var(--config-ui-x-blue-grey-bg);
577
+ border-color: var(--config-ui-x-blue-grey-border);
578
+ color: var(--config-ui-x-blue-grey-text);
579
+ }
580
+
581
+ .config-ui-x-navi-blue .accordion-button:not(.collapsed) {
582
+ background-color: var(--config-ui-x-navi-blue-bg);
583
+ border-color: var(--config-ui-x-navi-blue-border);
584
+ color: var(--config-ui-x-navi-blue-text);
585
+ }
586
+
587
+ .config-ui-x-green .accordion-button:not(.collapsed) {
588
+ background-color: var(--config-ui-x-green-bg);
589
+ border-color: var(--config-ui-x-green-border);
590
+ color: var(--config-ui-x-green-text);
591
+ }
592
+
593
+ .config-ui-x-orange .accordion-button:not(.collapsed) {
594
+ background-color: var(--config-ui-x-orange-bg);
595
+ border-color: var(--config-ui-x-orange-border);
596
+ color: var(--config-ui-x-orange-text);
597
+ }
598
+
599
+ .config-ui-x-grey .accordion-button:not(.collapsed) {
600
+ background-color: var(--config-ui-x-grey-bg);
601
+ border-color: var(--config-ui-x-grey-border);
602
+ color: var(--config-ui-x-grey-text);
603
+ }
604
+
605
+ .config-ui-x-brown .accordion-button:not(.collapsed) {
606
+ background-color: var(--config-ui-x-brown-bg);
607
+ border-color: var(--config-ui-x-brown-border);
608
+ color: var(--config-ui-x-brown-text);
609
+ }
610
+
611
+ .config-ui-x-amber .accordion-button:not(.collapsed) {
612
+ background-color: var(--config-ui-x-amber-bg);
613
+ border-color: var(--config-ui-x-amber-border);
614
+ color: var(--config-ui-x-amber-text);
615
+ }
616
+
617
+ .config-ui-x-teal .accordion-button:not(.collapsed) {
618
+ background-color: var(--config-ui-x-teal-bg);
619
+ border-color: var(--config-ui-x-teal-border);
620
+ color: var(--config-ui-x-teal-text);
621
+ }
622
+
623
+ .config-ui-x-cyan .accordion-button:not(.collapsed) {
624
+ background-color: var(--config-ui-x-cyan-bg);
625
+ border-color: var(--config-ui-x-cyan-border);
626
+ color: var(--config-ui-x-cyan-text);
627
+ }
628
+
629
+ .config-ui-x-deep-purple .accordion-button:not(.collapsed) {
630
+ background-color: var(--config-ui-x-deep-purple-bg);
631
+ border-color: var(--config-ui-x-deep-purple-border);
632
+ color: var(--config-ui-x-deep-purple-text);
633
+ }
634
+
635
+ .config-ui-x-dark-mode .accordion-button:not(.collapsed) {
636
+ background-color: var(--config-ui-x-dark-mode-bg);
637
+ border-color: var(--config-ui-x-dark-mode-border);
638
+ color: var(--config-ui-x-dark-mode-text);
639
+ }
640
+
641
+ .config-ui-x-dark-mode-v1 .accordion-button:not(.collapsed) {
642
+ background-color: var(--config-ui-x-dark-mode-v1-bg);
643
+ border-color: var(--config-ui-x-dark-mode-v1-border);
644
+ color: var(--config-ui-x-dark-mode-v1-text);
645
+ }
646
+
647
+ .config-ui-x-dark-mode-red .accordion-button:not(.collapsed) {
648
+ background-color: var(--config-ui-x-dark-mode-red-bg);
649
+ border-color: var(--config-ui-x-dark-mode-red-border);
650
+ color: var(--config-ui-x-dark-mode-red-text);
651
+ }
652
+
653
+ .config-ui-x-dark-mode-pink .accordion-button:not(.collapsed) {
654
+ background-color: var(--config-ui-x-dark-mode-pink-bg);
655
+ border-color: var(--config-ui-x-dark-mode-pink-border);
656
+ color: var(--config-ui-x-dark-mode-pink-text);
657
+ }
658
+
659
+ .config-ui-x-dark-mode-purple .accordion-button:not(.collapsed) {
660
+ background-color: var(--config-ui-x-dark-mode-purple-bg);
661
+ border-color: var(--config-ui-x-dark-mode-purple-border);
662
+ color: var(--config-ui-x-dark-mode-purple-text);
663
+ }
664
+
665
+ .config-ui-x-dark-mode-indigo .accordion-button:not(.collapsed) {
666
+ background-color: var(--config-ui-x-dark-mode-indigo-bg);
667
+ border-color: var(--config-ui-x-dark-mode-indigo-border);
668
+ color: var(--config-ui-x-dark-mode-indigo-text);
669
+ }
670
+
671
+ .config-ui-x-dark-mode-blue .accordion-button:not(.collapsed) {
672
+ background-color: var(--config-ui-x-dark-mode-blue-bg);
673
+ border-color: var(--config-ui-x-dark-mode-blue-border);
674
+ color: var(--config-ui-x-dark-mode-blue-text);
675
+ }
676
+
677
+ .config-ui-x-dark-mode-blue-grey .accordion-button:not(.collapsed) {
678
+ background-color: var(--config-ui-x-dark-mode-blue-grey-bg);
679
+ border-color: var(--config-ui-x-dark-mode-blue-grey-border);
680
+ color: var(--config-ui-x-dark-mode-blue-grey-text);
681
+ }
682
+
683
+ .config-ui-x-dark-mode-green .accordion-button:not(.collapsed) {
684
+ background-color: var(--config-ui-x-dark-mode-green-bg);
685
+ border-color: var(--config-ui-x-dark-mode-green-border);
686
+ color: var(--config-ui-x-dark-mode-green-text);
687
+ }
688
+
689
+ .config-ui-x-dark-mode-grey .accordion-button:not(.collapsed) {
690
+ background-color: var(--config-ui-x-dark-mode-grey-bg);
691
+ border-color: var(--config-ui-x-dark-mode-grey-border);
692
+ color: var(--config-ui-x-dark-mode-grey-text);
693
+ }
694
+
695
+ .config-ui-x-dark-mode-brown .accordion-button:not(.collapsed) {
696
+ background-color: var(--config-ui-x-dark-mode-brown-bg);
697
+ border-color: var(--config-ui-x-dark-mode-brown-border);
698
+ color: var(--config-ui-x-dark-mode-brown-text);
699
+ }
700
+
701
+ .config-ui-x-dark-mode-teal .accordion-button:not(.collapsed) {
702
+ background-color: var(--config-ui-x-dark-mode-teal-bg);
703
+ border-color: var(--config-ui-x-dark-mode-teal-border);
704
+ color: var(--config-ui-x-dark-mode-teal-text);
705
+ }
706
+
707
+ .config-ui-x-dark-mode-cyan .accordion-button:not(.collapsed) {
708
+ background-color: var(--config-ui-x-dark-mode-cyan-bg);
709
+ border-color: var(--config-ui-x-dark-mode-cyan-border);
710
+ color: var(--config-ui-x-dark-mode-cyan-text);
711
+ }
712
+
713
+ /* Background text */
714
+ .config-ui-x-red .text-bg-primary {
715
+ background-color: var(--config-ui-x-red-text) !important;
716
+ }
717
+
718
+ .config-ui-x-pink .text-bg-primary {
719
+ background-color: var(--config-ui-x-pink-text) !important;
720
+ }
721
+
722
+ .config-ui-x-purple .text-bg-primary {
723
+ background-color: var(--config-ui-x-purple-text) !important;
724
+ }
725
+
726
+ .config-ui-x-indigo .text-bg-primary {
727
+ background-color: var(--config-ui-x-indigo-text) !important;
728
+ }
729
+
730
+ .config-ui-x-blue .text-bg-primary {
731
+ background-color: var(--config-ui-x-blue-text) !important;
732
+ }
733
+
734
+ .config-ui-x-blue-grey .text-bg-primary {
735
+ background-color: var(--config-ui-x-blue-grey-text) !important;
736
+ }
737
+
738
+ .config-ui-x-navi-blue .text-bg-primary {
739
+ background-color: var(--config-ui-x-navi-blue-text) !important;
740
+ }
741
+
742
+ .config-ui-x-green .text-bg-primary {
743
+ background-color: var(--config-ui-x-green-text) !important;
744
+ }
745
+
746
+ .config-ui-x-orange .text-bg-primary {
747
+ background-color: var(--config-ui-x-orange-text) !important;
748
+ }
749
+
750
+ .config-ui-x-grey .text-bg-primary {
751
+ background-color: var(--config-ui-x-grey-text) !important;
752
+ }
753
+
754
+ .config-ui-x-brown .text-bg-primary {
755
+ background-color: var(--config-ui-x-brown-text) !important;
756
+ }
757
+
758
+ .config-ui-x-amber .text-bg-primary {
759
+ background-color: var(--config-ui-x-amber-text) !important;
760
+ }
761
+
762
+ .config-ui-x-teal .text-bg-primary {
763
+ background-color: var(--config-ui-x-teal-text) !important;
764
+ }
765
+
766
+ .config-ui-x-cyan .text-bg-primary {
767
+ background-color: var(--config-ui-x-cyan-text) !important;
768
+ }
769
+
770
+ .config-ui-x-deep-purple .text-bg-primary {
771
+ background-color: var(--config-ui-x-deep-purple-text) !important;
772
+ }
773
+
774
+ .config-ui-x-dark-mode .text-bg-primary {
775
+ background-color: var(--config-ui-x-dark-mode-text) !important;
776
+ }
777
+
778
+ .config-ui-x-dark-mode-v1 .text-bg-primary {
779
+ background-color: var(--config-ui-x-dark-mode-v1-text) !important;
780
+ }
781
+
782
+ .config-ui-x-dark-mode-red .text-bg-primary {
783
+ background-color: var(--config-ui-x-dark-mode-red-text) !important;
784
+ }
785
+
786
+ .config-ui-x-dark-mode-pink .text-bg-primary {
787
+ background-color: var(--config-ui-x-dark-mode-pink-text) !important;
788
+ }
789
+
790
+ .config-ui-x-dark-mode-purple .text-bg-primary {
791
+ background-color: var(--config-ui-x-dark-mode-purple-text) !important;
792
+ }
793
+
794
+ .config-ui-x-dark-mode-indigo .text-bg-primary {
795
+ background-color: var(--config-ui-x-dark-mode-indigo-text) !important;
796
+ }
797
+
798
+ .config-ui-x-dark-mode-blue .text-bg-primary {
799
+ background-color: var(--config-ui-x-dark-mode-blue-text) !important;
800
+ }
801
+
802
+ .config-ui-x-dark-mode-blue-grey .text-bg-primary {
803
+ background-color: var(--config-ui-x-dark-mode-blue-grey-text) !important;
804
+ }
805
+
806
+ .config-ui-x-dark-mode-green .text-bg-primary {
807
+ background-color: var(--config-ui-x-dark-mode-green-text) !important;
808
+ }
809
+
810
+ .config-ui-x-dark-mode-grey .text-bg-primary {
811
+ background-color: var(--config-ui-x-dark-mode-grey-text) !important;
812
+ }
813
+
814
+ .config-ui-x-dark-mode-brown .text-bg-primary {
815
+ background-color: var(--config-ui-x-dark-mode-brown-text) !important;
816
+ }
817
+
818
+ .config-ui-x-dark-mode-teal .text-bg-primary {
819
+ background-color: var(--config-ui-x-dark-mode-teal-text) !important;
820
+ }
821
+
822
+ .config-ui-x-dark-mode-cyan .text-bg-primary {
823
+ background-color: var(--config-ui-x-dark-mode-cyan-text) !important;
824
+ }