@wui-js/plugins 0.7.1 → 0.8.0

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.
Files changed (7) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/themes/default/{dark-0.7.css → dark-0.8.css} +69 -53
  4. package/themes/default/{light-0.7.css → light-0.8.css} +69 -53
  5. package/themes/default/{settings-0.7.css → settings-0.8.css} +3 -39
  6. package/themes/{wuiplugin-themes-0.7.css → wuiplugin-themes-0.8.css} +69 -53
  7. package/themes/{wuiplugin-themes-0.7.js → wuiplugin-themes-0.8.js} +3 -3
package/README.md CHANGED
@@ -7,7 +7,7 @@
7
7
  | | |
8
8
  | -------------------- | ----------- |
9
9
  | **Library name** | `wuijs-plugins-lib` |
10
- | **Library version** | `0.7.1` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
10
+ | **Library version** | `0.8.0` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
11
11
  | **NPM package** | `@wui-js/plugins` |
12
12
  | **License** | `Apache License 2.0` |
13
13
  | **Author** | `Sergio E. Belmar V. <wuijs.project@gmail.com>` |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wui-js/plugins",
3
- "version": "0.7.1",
3
+ "version": "0.8.0",
4
4
  "license": "Apache-2.0",
5
5
  "author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
6
6
  "description": "WUI/JS Plugins Lib - WUI/JS Plugins Lib is an open-source JavaScript/CSS library that provides a collection of plugins for WUI/JS Main Lib classes.",
package/themes/default/{dark-0.7.css → dark-0.8.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file dark-0.7.css
3
- * @version 0.7
2
+ * @file dark-0.8.css
3
+ * @version 0.8
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -42,8 +42,8 @@
42
42
  --wui-modal-title-textfont: Arial, Helvetica, Verdana, sans-serif;
43
43
  --wui-modal-title-textcase: none;
44
44
  --wui-modal-title-textcolor: #fff;
45
- --wui-modal-body-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
46
- --wui-modal-body-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
45
+ --wui-modal-body-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
46
+ --wui-modal-body-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
47
47
  --wui-modal-footer-bordercolor: transparent;
48
48
  --wui-modal-button-submit-bgcolor-mobile: rgb(from #1f2937 r g b / 20%);
49
49
  --wui-modal-button-submit-textcolor-mobile: #1e90ff;
@@ -72,8 +72,8 @@
72
72
 
73
73
  --wui-paging-page-transition-time: .4s;
74
74
  --wui-paging-page-bgcolor: transparent;
75
- --wui-paging-page-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
76
- --wui-paging-page-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
75
+ --wui-paging-page-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
76
+ --wui-paging-page-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
77
77
 
78
78
  /* wui-slider */
79
79
 
@@ -174,8 +174,8 @@
174
174
  --wui-list-borderradius: 10px;
175
175
  --wui-list-borderwidth: 0px;
176
176
  --wui-list-bordercolor: #374151;
177
- --wui-list-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
178
- --wui-list-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
177
+ --wui-list-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
178
+ --wui-list-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
179
179
  --wui-list-row-height: 44px;
180
180
  --wui-list-row-borderwidth: 1px;
181
181
  --wui-list-row-bordercolor-out: #374151;
@@ -201,8 +201,8 @@
201
201
  --wui-table-width: auto;
202
202
  --wui-table-shadowcolor: #1f2937;
203
203
  --wui-table-borderradius: 10px;
204
- --wui-table-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
205
- --wui-table-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
204
+ --wui-table-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
205
+ --wui-table-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
206
206
  --wui-table-column-borderwidth: 1px;
207
207
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
208
208
  --wui-table-column-bordercolor-over: #1e90ff;
@@ -244,8 +244,8 @@
244
244
 
245
245
  --wui-form-header-bordercolor: #4b5563;
246
246
  --wui-form-header-titlecolor: #fff;
247
- --wui-form-body-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
248
- --wui-form-body-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
247
+ --wui-form-body-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
248
+ --wui-form-body-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
249
249
  --wui-form-line-bordercolor: #4b5563;
250
250
  --wui-form-fieldset-bgcolor: #000;
251
251
  --wui-form-legend-texttransform: uppercase;
@@ -346,15 +346,15 @@
346
346
  --wui-selectpicker-box-borderradius: 15px;
347
347
  --wui-selectpicker-box-bordercolor: #374151;
348
348
  --wui-selectpicker-box-bgcolor: #1f2937;
349
- --wui-selectpicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
350
- --wui-selectpicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
349
+ --wui-selectpicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
350
+ --wui-selectpicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
351
351
  --wui-selectpicker-box-option-borderradius: 10px;
352
352
  --wui-selectpicker-box-option-bordercolor-out: #374151;
353
353
  --wui-selectpicker-box-option-bordercolor-over: #374151;
354
354
  --wui-selectpicker-box-option-bgcolor-out: transparent;
355
355
  --wui-selectpicker-box-option-bgcolor-over: #374151;
356
356
  --wui-selectpicker-box-option-iconsize: 24px;
357
- --wui-selectpicker-box-option-iconcolor-out: #1e90ff;
357
+ --wui-selectpicker-box-option-iconcolor-out: #f3f4f6;
358
358
  --wui-selectpicker-box-option-iconcolor-over: #1e90ff;
359
359
  --wui-selectpicker-box-option-iconcolor-selected: #1e90ff;
360
360
  --wui-selectpicker-box-option-iconcolor-disabled: rgb(from #4b5563 r g b / 40%);
@@ -364,12 +364,28 @@
364
364
  --wui-selectpicker-box-option-textcolor-over: #f3f4f6;
365
365
  --wui-selectpicker-box-option-textcolor-selected: #1e90ff;
366
366
  --wui-selectpicker-box-option-textcolor-disabled: rgb(from #4b5563 r g b / 40%);
367
- --wui-selectpicker-box-button-bordercolor: #374151;
367
+ --wui-selectpicker-box-button-maxwidth: 120px;
368
+ --wui-selectpicker-box-button-height: 34px;
369
+ --wui-selectpicker-box-button-borderwidth: 1px;
370
+ --wui-selectpicker-box-button-bordercolor-out: rgb(from #1e90ff r g b / 20%);
371
+ --wui-selectpicker-box-button-bordercolor-over: #1e90ff;
372
+ --wui-selectpicker-box-button-bordercolor-selected: #1e90ff;
373
+ --wui-selectpicker-box-button-bordercolor-disabled: #4b5563;
374
+ --wui-selectpicker-box-button-bgcolor-out: transparent;
375
+ --wui-selectpicker-box-button-bgcolor-over: transparent;
376
+ --wui-selectpicker-box-button-bgcolor-selected: #1e90ff;
377
+ --wui-selectpicker-box-button-bgcolor-disabled: transparent;
378
+ --wui-selectpicker-box-button-horizpadding: 20px;
379
+ --wui-selectpicker-box-button-vertpadding: 0px;
368
380
  --wui-selectpicker-box-button-textcolor-out: #1e90ff;
369
381
  --wui-selectpicker-box-button-textcolor-over: #1e90ff;
382
+ --wui-selectpicker-box-button-textcolor-selected: #000;
383
+ --wui-selectpicker-box-button-textcolor-disabled: #4b5563;
384
+ --wui-selectpicker-box-button-textsize: 15px;
370
385
  --wui-selectpicker-mobile-overlay-bgcolor: rgb(from #000 r g b / 20%);
371
- --wui-selectpicker-mobile-box-width: 280px;
386
+ --wui-selectpicker-mobile-box-width: 300px;
372
387
  --wui-selectpicker-mobile-box-borderradius: 17px;
388
+ --wui-selectpicker-mobile-box-button-bordercolor: #374151;
373
389
 
374
390
  /* wui-datepicker */
375
391
 
@@ -446,8 +462,8 @@
446
462
  --wui-timepicker-box-borderradius: 15px;
447
463
  --wui-timepicker-box-bordercolor: #374151;
448
464
  --wui-timepicker-box-bgcolor: rgb(from #000 r g b / 80%);
449
- --wui-timepicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
450
- --wui-timepicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
465
+ --wui-timepicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
466
+ --wui-timepicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
451
467
  --wui-timepicker-box-option-bgcolor-now: #374151;
452
468
  --wui-timepicker-box-option-bgcolor-over: rgb(from #1e90ff r g b / 20%);
453
469
  --wui-timepicker-box-option-bgcolor-selected: #1e90ff;
@@ -481,8 +497,8 @@
481
497
  --wui-colorpicker-box-borderradius: 15px;
482
498
  --wui-colorpicker-box-bordercolor: #374151;
483
499
  --wui-colorpicker-box-bgcolor: rgb(from #000 r g b / 80%);
484
- --wui-colorpicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
485
- --wui-colorpicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
500
+ --wui-colorpicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
501
+ --wui-colorpicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
486
502
  --wui-colorpicker-box-tab-textcolor-out: #f3f4f6;
487
503
  --wui-colorpicker-box-tab-textcolor-selected: #1e90ff;
488
504
  --wui-colorpicker-box-option-bordercolor-out: #374151;
@@ -586,12 +602,13 @@
586
602
  /* wui-codebox (lab) */
587
603
 
588
604
  --wui-codebox-maxheight: 50vh;
605
+ --wui-codebox-borderwidth: 1px;
589
606
  --wui-codebox-borderradius: 5px;
590
607
  --wui-codebox-bordercolor: #4b5563;
591
608
  --wui-codebox-bgcolor: #374151;
592
609
  --wui-codebox-scroll-width: 4px;
593
- --wui-codebox-scroll-bgcolor-out: #4b5563;
594
- --wui-codebox-scroll-bgcolor-over: #1f2937;
610
+ --wui-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
611
+ --wui-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
595
612
  --wui-codebox-copyicon-src: none;
596
613
  --wui-codebox-copyicon-color: #4b5563;
597
614
  --wui-codebox-copiedicon-src: none;
@@ -601,35 +618,33 @@
601
618
  --wui-codebox-linenumber-color: #ccc;
602
619
  --wui-codebox-linenumber-bordercolor: #4b5563;
603
620
  --wui-codebox-textcolor: #f3f4f6;
604
- --wui-codebox-token-command: mediumaquamarine;
605
- --wui-codebox-token-comment: #7ee787;
606
- --wui-codebox-token-string: #a5d6ff;
607
- --wui-codebox-token-keyword: #ff7b72;
608
- --wui-codebox-token-number: #79c0ff;
609
- --wui-codebox-token-tag: #7ee787;
610
- --wui-codebox-token-attr: #d2a8ff;
611
- --wui-codebox-token-selector: #d2a8ff;
612
- --wui-codebox-token-property: #79c0ff;
613
- --wui-codebox-token-function: #d2a8ff;
614
- --wui-codebox-token-operator: #c9d1d9;
615
- --wui-codebox-token-variable: #ffa657;
616
- --wui-codebox-token-constant: #79c0ff;
617
- --wui-codebox-token-decorator: #d2a8ff;
618
- --wui-codebox-token-type: #d2a8ff;
619
- --wui-codebox-token-builtin: #79c0ff;
620
- --wui-codebox-token-color: #79c0ff;
621
- --wui-codebox-token-regex: #a5d6ff;
622
621
 
623
622
  /* wui-markdown (lab) */
624
623
 
625
- --wui-markdown-hr-width: 1px;
626
- --wui-markdown-hr-color: #4b5563;
624
+ --wui-markdown-lineheight: 1.5;
625
+ --wui-markdown-textfont: sans-serif;
626
+ --wui-markdown-textweight: normal;
627
+ --wui-markdown-textcolor: #fff;
628
+ --wui-markdown-title1-textfont: Arial;
629
+ --wui-markdown-title1-textsize: 48px;
630
+ --wui-markdown-title1-textweight: 100;
631
+ --wui-markdown-title1-textcolor: #f3f4f6;
632
+ --wui-markdown-title2-textfont: Arial;
633
+ --wui-markdown-title2-textsize: 30px;
634
+ --wui-markdown-title2-textweight: 100;
635
+ --wui-markdown-title2-textcolor: #f3f4f6;
636
+ --wui-markdown-title3-textfont: Arial;
637
+ --wui-markdown-title3-textsize: 24px;
638
+ --wui-markdown-title3-textweight: 100;
639
+ --wui-markdown-title3-textcolor: #f3f4f6;
640
+ --wui-markdown-hline-width: 1px;
641
+ --wui-markdown-hline-color: #4b5563;
627
642
  --wui-markdown-table-valign: center;
628
643
  --wui-markdown-table-borderradius: 5px;
629
644
  --wui-markdown-table-bordercolor: #4b5563;
630
645
  --wui-markdown-table-scroll-width: 4px;
631
- --wui-markdown-table-scroll-bgcolor-out: #444;
632
- --wui-markdown-table-scroll-bgcolor-over: #888;
646
+ --wui-markdown-table-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
647
+ --wui-markdown-table-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
633
648
  --wui-markdown-table-header-bordercolor: #444;
634
649
  --wui-markdown-table-header-textalign: left;
635
650
  --wui-markdown-table-rows-bordercolor: #4b5563;
@@ -640,6 +655,7 @@
640
655
  --wui-markdown-blockquote-border: 0px;
641
656
  --wui-markdown-blockquote-borderleft: 3px;
642
657
  --wui-markdown-blockquote-bordercolor: transparent;
658
+ --wui-markdown-blockquote-bgcolor: transparent;
643
659
  --wui-markdown-blockquote-padding: 10px;
644
660
  --wui-markdown-blockquote-note-altcolor: #1e90ff;
645
661
  --wui-markdown-blockquote-noteicon-src: none;
@@ -654,14 +670,14 @@
654
670
  --wui-markdown-code-borderradius: 5px;
655
671
  --wui-markdown-code-bordercolor: #4b5563;
656
672
  --wui-markdown-code-bgcolor: #374151;
657
- --wui-markdown-pre-maxheight: 50vh;
658
- --wui-markdown-pre-borderradius: 5px;
659
- --wui-markdown-pre-bordercolor: #4b5563;
660
- --wui-markdown-pre-bgcolor: #374151;
661
- --wui-markdown-pre-scroll-width: 4px;
662
- --wui-markdown-pre-scroll-bgcolor-out: #4b5563;
663
- --wui-markdown-pre-scroll-bgcolor-over: #1f2937;
664
- --wui-markdown-pre-textcolor: #f3f4f6;
673
+ --wui-markdown-codebox-maxheight: 50vh;
674
+ --wui-markdown-codebox-borderradius: 5px;
675
+ --wui-markdown-codebox-bordercolor: #4b5563;
676
+ --wui-markdown-codebox-bgcolor: #374151;
677
+ --wui-markdown-codebox-scroll-width: 4px;
678
+ --wui-markdown-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
679
+ --wui-markdown-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
680
+ --wui-markdown-codebox-textcolor: #f3f4f6;
665
681
  --wui-markdown-link-textcolor-out: #1e90ff;
666
682
  --wui-markdown-link-textcolor-hover: #1e90ff;
667
683
  --wui-markdown-link-textdecoration-out: none;
package/themes/default/{light-0.7.css → light-0.8.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file light-0.7.css
3
- * @version 0.7
2
+ * @file light-0.8.css
3
+ * @version 0.8
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -42,8 +42,8 @@
42
42
  --wui-modal-title-textfont: Arial, Helvetica, Verdana, sans-serif;
43
43
  --wui-modal-title-textcase: none;
44
44
  --wui-modal-title-textcolor: #000;
45
- --wui-modal-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
46
- --wui-modal-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
45
+ --wui-modal-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
46
+ --wui-modal-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
47
47
  --wui-modal-footer-bordercolor: transparent;
48
48
  --wui-modal-button-submit-bgcolor-mobile: rgb(from #959da5 r g b / 20%);
49
49
  --wui-modal-button-submit-textcolor-mobile: #1e90ff;
@@ -72,8 +72,8 @@
72
72
 
73
73
  --wui-paging-page-transition-time: .4s;
74
74
  --wui-paging-page-bgcolor: transparent;
75
- --wui-paging-page-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
76
- --wui-paging-page-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
75
+ --wui-paging-page-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
76
+ --wui-paging-page-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
77
77
 
78
78
  /* wui-slider */
79
79
 
@@ -174,8 +174,8 @@
174
174
  --wui-list-borderradius: 10px;
175
175
  --wui-list-borderwidth: 0px;
176
176
  --wui-list-bordercolor: #f0f0f3;
177
- --wui-list-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
178
- --wui-list-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
177
+ --wui-list-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
178
+ --wui-list-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
179
179
  --wui-list-row-height: 44px;
180
180
  --wui-list-row-borderwidth: 1px;
181
181
  --wui-list-row-bordercolor-out: #f0f0f3;
@@ -201,8 +201,8 @@
201
201
  --wui-table-width: auto;
202
202
  --wui-table-shadowcolor: #959da5;
203
203
  --wui-table-borderradius: 10px;
204
- --wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
205
- --wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
204
+ --wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
205
+ --wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
206
206
  --wui-table-column-borderwidth: 1px;
207
207
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
208
208
  --wui-table-column-bordercolor-over: #1e90ff;
@@ -244,8 +244,8 @@
244
244
 
245
245
  --wui-form-header-bordercolor: #d5dce3;
246
246
  --wui-form-header-titlecolor: #000;
247
- --wui-form-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
248
- --wui-form-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
247
+ --wui-form-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
248
+ --wui-form-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
249
249
  --wui-form-line-bordercolor: #d5dce3;
250
250
  --wui-form-fieldset-bgcolor: #fff;
251
251
  --wui-form-legend-texttransform: uppercase;
@@ -346,15 +346,15 @@
346
346
  --wui-selectpicker-box-borderradius: 15px;
347
347
  --wui-selectpicker-box-bordercolor: #f0f0f3;
348
348
  --wui-selectpicker-box-bgcolor: #fdfdfe;
349
- --wui-selectpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
350
- --wui-selectpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
349
+ --wui-selectpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
350
+ --wui-selectpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
351
351
  --wui-selectpicker-box-option-borderradius: 10px;
352
352
  --wui-selectpicker-box-option-bordercolor-out: #f0f0f3;
353
353
  --wui-selectpicker-box-option-bordercolor-over: #f0f0f3;
354
354
  --wui-selectpicker-box-option-bgcolor-out: transparent;
355
355
  --wui-selectpicker-box-option-bgcolor-over: #f6f6f6;
356
356
  --wui-selectpicker-box-option-iconsize: 24px;
357
- --wui-selectpicker-box-option-iconcolor-out: #1e90ff;
357
+ --wui-selectpicker-box-option-iconcolor-out: #2d3a47;
358
358
  --wui-selectpicker-box-option-iconcolor-over: #1e90ff;
359
359
  --wui-selectpicker-box-option-iconcolor-selected: #1e90ff;
360
360
  --wui-selectpicker-box-option-iconcolor-disabled: rgb(from #d5dce3 r g b / 40%);
@@ -364,12 +364,28 @@
364
364
  --wui-selectpicker-box-option-textcolor-over: #2d3a47;
365
365
  --wui-selectpicker-box-option-textcolor-selected: #1e90ff;
366
366
  --wui-selectpicker-box-option-textcolor-disabled: rgb(from #d5dce3 r g b / 40%);
367
- --wui-selectpicker-box-button-bordercolor: #f0f0f3;
367
+ --wui-selectpicker-box-button-maxwidth: 120px;
368
+ --wui-selectpicker-box-button-height: 34px;
369
+ --wui-selectpicker-box-button-borderwidth: 1px;
370
+ --wui-selectpicker-box-button-bordercolor-out: rgb(from #1e90ff r g b / 20%);
371
+ --wui-selectpicker-box-button-bordercolor-over: #1e90ff;
372
+ --wui-selectpicker-box-button-bordercolor-selected: #1e90ff;
373
+ --wui-selectpicker-box-button-bordercolor-disabled: #d5dce3;
374
+ --wui-selectpicker-box-button-bgcolor-out: transparent;
375
+ --wui-selectpicker-box-button-bgcolor-over: transparent;
376
+ --wui-selectpicker-box-button-bgcolor-selected: #1e90ff;
377
+ --wui-selectpicker-box-button-bgcolor-disabled: transparent;
378
+ --wui-selectpicker-box-button-horizpadding: 20px;
379
+ --wui-selectpicker-box-button-vertpadding: 0px;
368
380
  --wui-selectpicker-box-button-textcolor-out: #1e90ff;
369
381
  --wui-selectpicker-box-button-textcolor-over: #1e90ff;
382
+ --wui-selectpicker-box-button-textcolor-selected: #fff;
383
+ --wui-selectpicker-box-button-textcolor-disabled: #d5dce3;
384
+ --wui-selectpicker-box-button-textsize: 15px;
370
385
  --wui-selectpicker-mobile-overlay-bgcolor: rgb(from #010203 r g b / 20%);
371
- --wui-selectpicker-mobile-box-width: 280px;
386
+ --wui-selectpicker-mobile-box-width: 300px;
372
387
  --wui-selectpicker-mobile-box-borderradius: 17px;
388
+ --wui-selectpicker-mobile-box-button-bordercolor: #f0f0f3;
373
389
 
374
390
  /* wui-datepicker */
375
391
 
@@ -446,8 +462,8 @@
446
462
  --wui-timepicker-box-borderradius: 15px;
447
463
  --wui-timepicker-box-bordercolor: #f0f0f3;
448
464
  --wui-timepicker-box-bgcolor: rgb(from #fff r g b / 80%);
449
- --wui-timepicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
450
- --wui-timepicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
465
+ --wui-timepicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
466
+ --wui-timepicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
451
467
  --wui-timepicker-box-option-bgcolor-now: #f0f0f3;
452
468
  --wui-timepicker-box-option-bgcolor-over: rgb(from #1e90ff r g b / 20%);
453
469
  --wui-timepicker-box-option-bgcolor-selected: #1e90ff;
@@ -481,8 +497,8 @@
481
497
  --wui-colorpicker-box-borderradius: 15px;
482
498
  --wui-colorpicker-box-bordercolor: #f0f0f3;
483
499
  --wui-colorpicker-box-bgcolor: rgb(from #fff r g b / 80%);
484
- --wui-colorpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
485
- --wui-colorpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
500
+ --wui-colorpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
501
+ --wui-colorpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
486
502
  --wui-colorpicker-box-tab-textcolor-out: #2d3a47;
487
503
  --wui-colorpicker-box-tab-textcolor-selected: #1e90ff;
488
504
  --wui-colorpicker-box-option-bordercolor-out: #f0f0f3;
@@ -586,12 +602,13 @@
586
602
  /* wui-codebox (lab) */
587
603
 
588
604
  --wui-codebox-maxheight: 50vh;
605
+ --wui-codebox-borderwidth: 1px;
589
606
  --wui-codebox-borderradius: 5px;
590
607
  --wui-codebox-bordercolor: #d5dce3;
591
608
  --wui-codebox-bgcolor: #f6f6f6;
592
609
  --wui-codebox-scroll-width: 4px;
593
- --wui-codebox-scroll-bgcolor-out: #b5bbc1;
594
- --wui-codebox-scroll-bgcolor-over: #959da5;
610
+ --wui-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
611
+ --wui-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
595
612
  --wui-codebox-copyicon-src: none;
596
613
  --wui-codebox-copyicon-color: #b5bbc1;
597
614
  --wui-codebox-copiedicon-src: none;
@@ -601,35 +618,33 @@
601
618
  --wui-codebox-linenumber-color: #444;
602
619
  --wui-codebox-linenumber-bordercolor: #d5dce3;
603
620
  --wui-codebox-textcolor: #2d3a47;
604
- --wui-codebox-token-command: mediumaquamarine;
605
- --wui-codebox-token-comment: #6a737d;
606
- --wui-codebox-token-string: #032f62;
607
- --wui-codebox-token-keyword: #d73a49;
608
- --wui-codebox-token-number: #005cc5;
609
- --wui-codebox-token-tag: #22863a;
610
- --wui-codebox-token-attr: #6f42c1;
611
- --wui-codebox-token-selector: #6f42c1;
612
- --wui-codebox-token-property: #005cc5;
613
- --wui-codebox-token-function: #6f42c1;
614
- --wui-codebox-token-operator: #24292e;
615
- --wui-codebox-token-variable: #e36209;
616
- --wui-codebox-token-constant: #005cc5;
617
- --wui-codebox-token-decorator: #6f42c1;
618
- --wui-codebox-token-type: #6f42c1;
619
- --wui-codebox-token-builtin: #005cc5;
620
- --wui-codebox-token-color: #005cc5;
621
- --wui-codebox-token-regex: #032f62;
622
621
 
623
622
  /* wui-markdown (lab) */
624
623
 
625
- --wui-markdown-hr-width: 1px;
626
- --wui-markdown-hr-color: #d5dce3;
624
+ --wui-markdown-lineheight: 1.5;
625
+ --wui-markdown-textfont: sans-serif;
626
+ --wui-markdown-textweight: normal;
627
+ --wui-markdown-textcolor: #1f2937;
628
+ --wui-markdown-title1-textfont: Arial;
629
+ --wui-markdown-title1-textsize: 48px;
630
+ --wui-markdown-title1-textweight: 100;
631
+ --wui-markdown-title1-textcolor: #2d3a47;
632
+ --wui-markdown-title2-textfont: Arial;
633
+ --wui-markdown-title2-textsize: 30px;
634
+ --wui-markdown-title2-textweight: 100;
635
+ --wui-markdown-title2-textcolor: #2d3a47;
636
+ --wui-markdown-title3-textfont: Arial;
637
+ --wui-markdown-title3-textsize: 24px;
638
+ --wui-markdown-title3-textweight: 100;
639
+ --wui-markdown-title3-textcolor: #2d3a47;
640
+ --wui-markdown-hline-width: 1px;
641
+ --wui-markdown-hline-color: #d5dce3;
627
642
  --wui-markdown-table-valign: center;
628
643
  --wui-markdown-table-borderradius: 5px;
629
644
  --wui-markdown-table-bordercolor: #d5dce3;
630
645
  --wui-markdown-table-scroll-width: 4px;
631
- --wui-markdown-table-scroll-bgcolor-out: #ccc;
632
- --wui-markdown-table-scroll-bgcolor-over: #888;
646
+ --wui-markdown-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
647
+ --wui-markdown-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
633
648
  --wui-markdown-table-header-bordercolor: #ccc;
634
649
  --wui-markdown-table-header-textalign: left;
635
650
  --wui-markdown-table-rows-bordercolor: #d5dce3;
@@ -640,6 +655,7 @@
640
655
  --wui-markdown-blockquote-border: 0px;
641
656
  --wui-markdown-blockquote-borderleft: 3px;
642
657
  --wui-markdown-blockquote-bordercolor: transparent;
658
+ --wui-markdown-blockquote-bgcolor: transparent;
643
659
  --wui-markdown-blockquote-padding: 10px;
644
660
  --wui-markdown-blockquote-note-altcolor: #1e90ff;
645
661
  --wui-markdown-blockquote-noteicon-src: none;
@@ -654,14 +670,14 @@
654
670
  --wui-markdown-code-borderradius: 5px;
655
671
  --wui-markdown-code-bordercolor: #d5dce3;
656
672
  --wui-markdown-code-bgcolor: #f0f0f3;
657
- --wui-markdown-pre-maxheight: 50vh;
658
- --wui-markdown-pre-borderradius: 5px;
659
- --wui-markdown-pre-bordercolor: #d5dce3;
660
- --wui-markdown-pre-bgcolor: #f6f6f6;
661
- --wui-markdown-pre-scroll-width: 4px;
662
- --wui-markdown-pre-scroll-bgcolor-out: #b5bbc1;
663
- --wui-markdown-pre-scroll-bgcolor-over: #959da5;
664
- --wui-markdown-pre-textcolor: #2d3a47;
673
+ --wui-markdown-codebox-maxheight: 50vh;
674
+ --wui-markdown-codebox-borderradius: 5px;
675
+ --wui-markdown-codebox-bordercolor: #d5dce3;
676
+ --wui-markdown-codebox-bgcolor: #f6f6f6;
677
+ --wui-markdown-codebox-scroll-width: 4px;
678
+ --wui-markdown-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
679
+ --wui-markdown-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
680
+ --wui-markdown-codebox-textcolor: #2d3a47;
665
681
  --wui-markdown-link-textcolor-out: #1e90ff;
666
682
  --wui-markdown-link-textcolor-hover: #1e90ff;
667
683
  --wui-markdown-link-textdecoration-out: none;
package/themes/default/{settings-0.7.css → settings-0.8.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file theme-0.7.css
3
- * @version 0.7
2
+ * @file theme-0.8.css
3
+ * @version 0.8
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -49,24 +49,6 @@
49
49
  --wuiplugin-theme-intencitycolor-low-light: mediumaquamarine;
50
50
  --wuiplugin-theme-intencitycolor-half-light: darkorange;
51
51
  --wuiplugin-theme-intencitycolor-high-light: orangered;
52
- --wuiplugin-theme-token-command-light: mediumaquamarine;
53
- --wuiplugin-theme-token-comment-light: #6a737d;
54
- --wuiplugin-theme-token-string-light: #032f62;
55
- --wuiplugin-theme-token-keyword-light: #d73a49;
56
- --wuiplugin-theme-token-number-light: #005cc5;
57
- --wuiplugin-theme-token-tag-light: #22863a;
58
- --wuiplugin-theme-token-attr-light: #6f42c1;
59
- --wuiplugin-theme-token-selector-light: #6f42c1;
60
- --wuiplugin-theme-token-property-light: #005cc5;
61
- --wuiplugin-theme-token-function-light: #6f42c1;
62
- --wuiplugin-theme-token-operator-light: #24292e;
63
- --wuiplugin-theme-token-variable-light: #e36209;
64
- --wuiplugin-theme-token-constant-light: #005cc5;
65
- --wuiplugin-theme-token-decorator-light: #6f42c1;
66
- --wuiplugin-theme-token-type-light: #6f42c1;
67
- --wuiplugin-theme-token-builtin-light: #005cc5;
68
- --wuiplugin-theme-token-color-light: #005cc5;
69
- --wuiplugin-theme-token-regex-light: #032f62;
70
52
 
71
53
  /* dark mode */
72
54
 
@@ -84,7 +66,7 @@
84
66
  --wuiplugin-theme-bgcolor-box-dark: #2f3a48;
85
67
  --wuiplugin-theme-bgcolor-out-dark: #1f2937;
86
68
  --wuiplugin-theme-bgcolor-over-dark: #374151;
87
- --wuiplugin-theme-bgcolor-scroll-dark: #4b5563;
69
+ --wuiplugin-theme-bgcolor-scroll-dark: #9fa8b6;
88
70
  --wuiplugin-theme-bgcolor-icon-dark: #d1d5db;
89
71
  --wuiplugin-theme-bgcolor-highcontrast-dark: #f9fafb;
90
72
  --wuiplugin-theme-textcolor-title-dark: #fff;
@@ -96,22 +78,4 @@
96
78
  --wuiplugin-theme-intencitycolor-low-dark: mediumaquamarine;
97
79
  --wuiplugin-theme-intencitycolor-half-dark: darkorange;
98
80
  --wuiplugin-theme-intencitycolor-high-dark: orangered;
99
- --wuiplugin-theme-token-command-dark: mediumaquamarine;
100
- --wuiplugin-theme-token-comment-dark: #7ee787;
101
- --wuiplugin-theme-token-string-dark: #a5d6ff;
102
- --wuiplugin-theme-token-keyword-dark: #ff7b72;
103
- --wuiplugin-theme-token-number-dark: #79c0ff;
104
- --wuiplugin-theme-token-tag-dark: #7ee787;
105
- --wuiplugin-theme-token-attr-dark: #d2a8ff;
106
- --wuiplugin-theme-token-selector-dark: #d2a8ff;
107
- --wuiplugin-theme-token-property-dark: #79c0ff;
108
- --wuiplugin-theme-token-function-dark: #d2a8ff;
109
- --wuiplugin-theme-token-operator-dark: #c9d1d9;
110
- --wuiplugin-theme-token-variable-dark: #ffa657;
111
- --wuiplugin-theme-token-constant-dark: #79c0ff;
112
- --wuiplugin-theme-token-decorator-dark: #d2a8ff;
113
- --wuiplugin-theme-token-type-dark: #d2a8ff;
114
- --wuiplugin-theme-token-builtin-dark: #79c0ff;
115
- --wuiplugin-theme-token-color-dark: #79c0ff;
116
- --wuiplugin-theme-token-regex-dark: #a5d6ff;
117
81
  }
package/themes/{wuiplugin-themes-0.7.css → wuiplugin-themes-0.8.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.7.css
3
- * @version 0.7
2
+ * @file wuiplugin-themes-0.8.css
3
+ * @version 0.8
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -40,8 +40,8 @@
40
40
  --wui-modal-title-textfont: var(--wuiplugin-theme-titlefont);
41
41
  --wui-modal-title-textcase: none;
42
42
  --wui-modal-title-textcolor: var(--wuiplugin-theme-graycolor-min);
43
- --wui-modal-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
44
- --wui-modal-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
43
+ --wui-modal-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
44
+ --wui-modal-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
45
45
  --wui-modal-footer-bordercolor: transparent;
46
46
  --wui-modal-button-submit-bgcolor-mobile: rgb(from var(--wuiplugin-theme-shadowcolor-low) r g b / 20%);
47
47
  --wui-modal-button-submit-textcolor-mobile: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -70,8 +70,8 @@
70
70
 
71
71
  --wui-paging-page-transition-time: .4s;
72
72
  --wui-paging-page-bgcolor: transparent;
73
- --wui-paging-page-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
74
- --wui-paging-page-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
73
+ --wui-paging-page-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
74
+ --wui-paging-page-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
75
75
 
76
76
  /* wui-slider */
77
77
 
@@ -172,8 +172,8 @@
172
172
  --wui-list-borderradius: var(--wuiplugin-theme-borderradius-low);
173
173
  --wui-list-borderwidth: 0px;
174
174
  --wui-list-bordercolor: var(--wuiplugin-theme-bordercolor-low);
175
- --wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
176
- --wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
175
+ --wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
176
+ --wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
177
177
  --wui-list-row-height: 44px;
178
178
  --wui-list-row-borderwidth: 1px;
179
179
  --wui-list-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
@@ -199,8 +199,8 @@
199
199
  --wui-table-width: auto;
200
200
  --wui-table-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
201
201
  --wui-table-borderradius: var(--wuiplugin-theme-borderradius-low);
202
- --wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
203
- --wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
202
+ --wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
203
+ --wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
204
204
  --wui-table-column-borderwidth: 1px;
205
205
  --wui-table-column-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
206
206
  --wui-table-column-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -242,8 +242,8 @@
242
242
 
243
243
  --wui-form-header-bordercolor: var(--wuiplugin-theme-bordercolor-high);
244
244
  --wui-form-header-titlecolor: var(--wuiplugin-theme-textcolor-title);
245
- --wui-form-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
246
- --wui-form-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
245
+ --wui-form-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
246
+ --wui-form-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
247
247
  --wui-form-line-bordercolor: var(--wuiplugin-theme-bordercolor-high);
248
248
  --wui-form-fieldset-bgcolor: var(--wuiplugin-theme-graycolor-max);
249
249
  --wui-form-legend-texttransform: uppercase;
@@ -344,15 +344,15 @@
344
344
  --wui-selectpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
345
345
  --wui-selectpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
346
346
  --wui-selectpicker-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
347
- --wui-selectpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
348
- --wui-selectpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
347
+ --wui-selectpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
348
+ --wui-selectpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
349
349
  --wui-selectpicker-box-option-borderradius: var(--wuiplugin-theme-borderradius-low);
350
350
  --wui-selectpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
351
351
  --wui-selectpicker-box-option-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
352
352
  --wui-selectpicker-box-option-bgcolor-out: transparent;
353
353
  --wui-selectpicker-box-option-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
354
354
  --wui-selectpicker-box-option-iconsize: 24px;
355
- --wui-selectpicker-box-option-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
355
+ --wui-selectpicker-box-option-iconcolor-out: var(--wuiplugin-theme-textcolor-active);
356
356
  --wui-selectpicker-box-option-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
357
357
  --wui-selectpicker-box-option-iconcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
358
358
  --wui-selectpicker-box-option-iconcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
@@ -362,12 +362,28 @@
362
362
  --wui-selectpicker-box-option-textcolor-over: var(--wuiplugin-theme-textcolor-active);
363
363
  --wui-selectpicker-box-option-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
364
364
  --wui-selectpicker-box-option-textcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
365
- --wui-selectpicker-box-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
365
+ --wui-selectpicker-box-button-maxwidth: 120px;
366
+ --wui-selectpicker-box-button-height: 34px;
367
+ --wui-selectpicker-box-button-borderwidth: 1px;
368
+ --wui-selectpicker-box-button-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
369
+ --wui-selectpicker-box-button-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
370
+ --wui-selectpicker-box-button-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
371
+ --wui-selectpicker-box-button-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
372
+ --wui-selectpicker-box-button-bgcolor-out: transparent;
373
+ --wui-selectpicker-box-button-bgcolor-over: transparent;
374
+ --wui-selectpicker-box-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
375
+ --wui-selectpicker-box-button-bgcolor-disabled: transparent;
376
+ --wui-selectpicker-box-button-horizpadding: 20px;
377
+ --wui-selectpicker-box-button-vertpadding: 0px;
366
378
  --wui-selectpicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
367
379
  --wui-selectpicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
380
+ --wui-selectpicker-box-button-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
381
+ --wui-selectpicker-box-button-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
382
+ --wui-selectpicker-box-button-textsize: 15px;
368
383
  --wui-selectpicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);
369
- --wui-selectpicker-mobile-box-width: 280px;
384
+ --wui-selectpicker-mobile-box-width: 300px;
370
385
  --wui-selectpicker-mobile-box-borderradius: var(--wui-modal-box-borderradius);
386
+ --wui-selectpicker-mobile-box-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
371
387
 
372
388
  /* wui-datepicker */
373
389
 
@@ -444,8 +460,8 @@
444
460
  --wui-timepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
445
461
  --wui-timepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
446
462
  --wui-timepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
447
- --wui-timepicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
448
- --wui-timepicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
463
+ --wui-timepicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
464
+ --wui-timepicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
449
465
  --wui-timepicker-box-option-bgcolor-now: var(--wuiplugin-theme-bordercolor-low);
450
466
  --wui-timepicker-box-option-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
451
467
  --wui-timepicker-box-option-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -479,8 +495,8 @@
479
495
  --wui-colorpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
480
496
  --wui-colorpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
481
497
  --wui-colorpicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
482
- --wui-colorpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
483
- --wui-colorpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
498
+ --wui-colorpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
499
+ --wui-colorpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
484
500
  --wui-colorpicker-box-tab-textcolor-out: var(--wuiplugin-theme-textcolor-active);
485
501
  --wui-colorpicker-box-tab-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
486
502
  --wui-colorpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
@@ -584,12 +600,13 @@
584
600
  /* wui-codebox (lab) */
585
601
 
586
602
  --wui-codebox-maxheight: 50vh;
603
+ --wui-codebox-borderwidth: 1px;
587
604
  --wui-codebox-borderradius: 5px;
588
605
  --wui-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
589
606
  --wui-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
590
607
  --wui-codebox-scroll-width: 4px;
591
- --wui-codebox-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
592
- --wui-codebox-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
608
+ --wui-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
609
+ --wui-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
593
610
  --wui-codebox-copyicon-src: none;
594
611
  --wui-codebox-copyicon-color: var(--wuiplugin-theme-bordercolor-max);
595
612
  --wui-codebox-copiedicon-src: none;
@@ -599,35 +616,33 @@
599
616
  --wui-codebox-linenumber-color: var(--wuiplugin-theme-graycolor-low);
600
617
  --wui-codebox-linenumber-bordercolor: var(--wuiplugin-theme-bordercolor-high);
601
618
  --wui-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
602
- --wui-codebox-token-command: var(--wuiplugin-theme-token-command);
603
- --wui-codebox-token-comment: var(--wuiplugin-theme-token-comment);
604
- --wui-codebox-token-string: var(--wuiplugin-theme-token-string);
605
- --wui-codebox-token-keyword: var(--wuiplugin-theme-token-keyword);
606
- --wui-codebox-token-number: var(--wuiplugin-theme-token-number);
607
- --wui-codebox-token-tag: var(--wuiplugin-theme-token-tag);
608
- --wui-codebox-token-attr: var(--wuiplugin-theme-token-attr);
609
- --wui-codebox-token-selector: var(--wuiplugin-theme-token-selector);
610
- --wui-codebox-token-property: var(--wuiplugin-theme-token-property);
611
- --wui-codebox-token-function: var(--wuiplugin-theme-token-function);
612
- --wui-codebox-token-operator: var(--wuiplugin-theme-token-operator);
613
- --wui-codebox-token-variable: var(--wuiplugin-theme-token-variable);
614
- --wui-codebox-token-constant: var(--wuiplugin-theme-token-constant);
615
- --wui-codebox-token-decorator: var(--wuiplugin-theme-token-decorator);
616
- --wui-codebox-token-type: var(--wuiplugin-theme-token-type);
617
- --wui-codebox-token-builtin: var(--wuiplugin-theme-token-builtin);
618
- --wui-codebox-token-color: var(--wuiplugin-theme-token-color);
619
- --wui-codebox-token-regex: var(--wuiplugin-theme-token-regex);
620
619
 
621
620
  /* wui-markdown (lab) */
622
621
 
623
- --wui-markdown-hr-width: 1px;
624
- --wui-markdown-hr-color: var(--wuiplugin-theme-bordercolor-high);
622
+ --wui-markdown-lineheight: 1.5;
623
+ --wui-markdown-textfont: sans-serif;
624
+ --wui-markdown-textweight: normal;
625
+ --wui-markdown-textcolor: var(--wuiplugin-theme-textcolor-focus);
626
+ --wui-markdown-title1-textfont: Arial;
627
+ --wui-markdown-title1-textsize: 48px;
628
+ --wui-markdown-title1-textweight: 100;
629
+ --wui-markdown-title1-textcolor: var(--wuiplugin-theme-textcolor-active);
630
+ --wui-markdown-title2-textfont: Arial;
631
+ --wui-markdown-title2-textsize: 30px;
632
+ --wui-markdown-title2-textweight: 100;
633
+ --wui-markdown-title2-textcolor: var(--wuiplugin-theme-textcolor-active);
634
+ --wui-markdown-title3-textfont: Arial;
635
+ --wui-markdown-title3-textsize: 24px;
636
+ --wui-markdown-title3-textweight: 100;
637
+ --wui-markdown-title3-textcolor: var(--wuiplugin-theme-textcolor-active);
638
+ --wui-markdown-hline-width: 1px;
639
+ --wui-markdown-hline-color: var(--wuiplugin-theme-bordercolor-high);
625
640
  --wui-markdown-table-valign: center;
626
641
  --wui-markdown-table-borderradius: 5px;
627
642
  --wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
628
643
  --wui-markdown-table-scroll-width: 4px;
629
- --wui-markdown-table-scroll-bgcolor-out: var(--wuiplugin-theme-graycolor-high);
630
- --wui-markdown-table-scroll-bgcolor-over: var(--wuiplugin-theme-graycolor-half);
644
+ --wui-markdown-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
645
+ --wui-markdown-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
631
646
  --wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
632
647
  --wui-markdown-table-header-textalign: left;
633
648
  --wui-markdown-table-rows-bordercolor: var(--wuiplugin-theme-bordercolor-high);
@@ -638,6 +653,7 @@
638
653
  --wui-markdown-blockquote-border: 0px;
639
654
  --wui-markdown-blockquote-borderleft: 3px;
640
655
  --wui-markdown-blockquote-bordercolor: transparent;
656
+ --wui-markdown-blockquote-bgcolor: transparent;
641
657
  --wui-markdown-blockquote-padding: 10px;
642
658
  --wui-markdown-blockquote-note-altcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
643
659
  --wui-markdown-blockquote-noteicon-src: none;
@@ -652,14 +668,14 @@
652
668
  --wui-markdown-code-borderradius: 5px;
653
669
  --wui-markdown-code-bordercolor: var(--wuiplugin-theme-bordercolor-high);
654
670
  --wui-markdown-code-bgcolor: var(--wuiplugin-theme-bordercolor-low);
655
- --wui-markdown-pre-maxheight: 50vh;
656
- --wui-markdown-pre-borderradius: 5px;
657
- --wui-markdown-pre-bordercolor: var(--wuiplugin-theme-bordercolor-high);
658
- --wui-markdown-pre-bgcolor: var(--wuiplugin-theme-bgcolor-over);
659
- --wui-markdown-pre-scroll-width: 4px;
660
- --wui-markdown-pre-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
661
- --wui-markdown-pre-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
662
- --wui-markdown-pre-textcolor: var(--wuiplugin-theme-textcolor-active);
671
+ --wui-markdown-codebox-maxheight: 50vh;
672
+ --wui-markdown-codebox-borderradius: 5px;
673
+ --wui-markdown-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
674
+ --wui-markdown-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
675
+ --wui-markdown-codebox-scroll-width: 4px;
676
+ --wui-markdown-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
677
+ --wui-markdown-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
678
+ --wui-markdown-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
663
679
  --wui-markdown-link-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
664
680
  --wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
665
681
  --wui-markdown-link-textdecoration-out: none;
package/themes/{wuiplugin-themes-0.7.js → wuiplugin-themes-0.8.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.7.js
2
+ * @file wuiplugin-themes-0.8.js
3
3
  * @class WUIPluginThemes
4
- * @version 0.7
4
+ * @version 0.8
5
5
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
7
7
  */
8
8
 
9
9
  class WUIPluginThemes {
10
10
 
11
- static version = "0.7";
11
+ static version = "0.8";
12
12
 
13
13
  getScheme() {
14
14
  return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();