@wui-js/plugins 0.5.2 → 0.6.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.
Files changed (7) hide show
  1. package/README.md +10 -7
  2. package/package.json +1 -1
  3. package/themes/default/{dark-0.3.css → dark-0.6.css} +97 -9
  4. package/themes/default/{light-0.3.css → light-0.6.css} +122 -34
  5. package/themes/default/{settings-0.3.css → settings-0.6.css} +49 -13
  6. package/themes/{wuiplugin-themes-0.4.css → wuiplugin-themes-0.6.css} +151 -9
  7. package/themes/{wuiplugin-themes-0.4.js → wuiplugin-themes-0.6.js} +3 -3
package/README.md CHANGED
@@ -4,10 +4,13 @@
4
4
  <img src="https://github.com/wui-js/wuijs-plugins-lib/blob/main/imgs/logo/wuijs-plugins-logotype-color.svg" width="220" height="220">
5
5
  </div>
6
6
 
7
- License: `Apache License 2.0`
8
-
9
- Author: `Sergio E. Belmar V. <wuijs.project@gmail.com>`
10
-
11
- Documentation: [https://github.com/wui-js/wuijs-plugins-lib/blob/main/README.md](https://github.com/wui-js/wuijs-plugins-lib/blob/main/README.md)
12
-
13
- Website: [https://wuijs.dev](https://wuijs.dev)
7
+ | | |
8
+ | -------------------- | ----------- |
9
+ | **Library name** | `wuijs-plugins-lib` |
10
+ | **Library version** | `0.6.1` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
11
+ | **NPM package** | `@wui-js/plugins` |
12
+ | **License** | `Apache License 2.0` |
13
+ | **Author** | `Sergio E. Belmar V. <wuijs.project@gmail.com>` |
14
+ | **Repository** | [https://github.com/wui-js/wuijs-plugins-lib](https://github.com/wui-js/wuijs-plugins-lib) |
15
+ | **Documentation** | [https://docs.wuijs.dev](https://docs.wuijs.dev) |
16
+ | **Website** | [https://wuijs.dev](https://wuijs.dev) |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wui-js/plugins",
3
- "version": "0.5.2",
3
+ "version": "0.6.1",
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.3.css → dark-0.6.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file dark-0.3.css
3
- * @version 0.3
2
+ * @file dark-0.6.css
3
+ * @version 0.6
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -174,17 +174,20 @@
174
174
 
175
175
  /* wui-table */
176
176
 
177
+ --wui-table-width: auto;
177
178
  --wui-table-shadowcolor: #1f2937;
178
179
  --wui-table-borderradius: 10px;
179
180
  --wui-table-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
180
181
  --wui-table-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
181
- --wui-table-column-bordercolor-width: 1px;
182
+ --wui-table-column-borderwidth: 1px;
182
183
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
183
184
  --wui-table-column-bordercolor-over: #1e90ff;
184
185
  --wui-table-column-bordercolor-selected: #1e90ff;
186
+ --wui-table-column-bordercolor-disabled: #4b5563;
185
187
  --wui-table-column-bgcolor-out: #374151;
186
188
  --wui-table-column-bgcolor-over: #374151;
187
189
  --wui-table-column-bgcolor-selected: #1e90ff;
190
+ --wui-table-column-bgcolor-disabled: #374151;
188
191
  --wui-table-column-textcolor-out: #ccc;
189
192
  --wui-table-column-textcolor-over: #fff;
190
193
  --wui-table-column-textcolor-selected: #1e90ff;
@@ -199,7 +202,7 @@
199
202
  --wui-table-column-resizer-bordercolor-over: rgb(from #1e90ff r g b / 10%);
200
203
  --wui-table-column-dragger-bordercolor-over: #ccc;
201
204
  --wui-table-column-dragger-bgcolor-drop: rgb(from #1e90ff r g b / 10%);
202
- --wui-table-row-bordercolor-width: 1px;
205
+ --wui-table-row-borderwidth: 1px;
203
206
  --wui-table-row-bordercolor-out: #374151;
204
207
  --wui-table-row-bordercolor-over: #374151;
205
208
  --wui-table-row-bordercolor-selected: #1e90ff;
@@ -276,6 +279,7 @@
276
279
  --wui-form-progress-bordercolor: #374151;
277
280
  --wui-form-progress-valuecolor: #1e90ff;
278
281
  --wui-form-progress-bgcolor: #374151;
282
+ --wui-form-button-minwidth: 100px;
279
283
  --wui-form-text-textcolor-out: #888;
280
284
  --wui-form-text-textcolor-disabled: #4b5563;
281
285
  --wui-form-text-linkcolor-out: #1e90ff;
@@ -287,9 +291,8 @@
287
291
  --wui-form-message-highlight-textcolor: #000;
288
292
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
289
293
  --wui-form-mobile-label-textcolor: #ccc;
290
- --wui-form-mobile-input-height: 40px;
291
- --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
292
294
  --wui-form-mobile-input-height: 34px;
295
+ --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
293
296
  --wui-form-mobile-input-borderradius: 15px;
294
297
 
295
298
  /* wui-selectpicker */
@@ -429,7 +432,6 @@
429
432
  --wui-colorpicker-viewbutton-size: 30px;
430
433
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from #1e90ff r g b / 20%);
431
434
  --wui-colorpicker-viewbutton-bordercolor-over: #1e90ff;
432
- --wui-colorpicker-viewbutton-bordercolor-invalid: #f44343;
433
435
  --wui-colorpicker-viewbutton-bordercolor-disabled: #4b5563;
434
436
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
435
437
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -465,7 +467,6 @@
465
467
  --wui-switch-bordercolor-out: rgb(from #1e90ff r g b / 20%);
466
468
  --wui-switch-bordercolor-over: #1e90ff;
467
469
  --wui-switch-bordercolor-activated: #1e90ff;
468
- --wui-switch-bordercolor-invalid: #f44343;
469
470
  --wui-switch-bordercolor-disabled: #4b5563;
470
471
  --wui-switch-bgcolor-out: rgb(from #1e90ff r g b / 4%);
471
472
  --wui-switch-bgcolor-over: rgb(from #1e90ff r g b / 4%);
@@ -495,6 +496,7 @@
495
496
 
496
497
  --wui-button-default-minwidth: 200px;
497
498
  --wui-button-default-height: 34px;
499
+ --wui-button-default-borderwidth: 1px;
498
500
  --wui-button-default-bordercolor-out: rgb(from #1e90ff r g b / 20%);
499
501
  --wui-button-default-bordercolor-over: #1e90ff;
500
502
  --wui-button-default-bordercolor-selected: #1e90ff;
@@ -503,6 +505,8 @@
503
505
  --wui-button-default-bgcolor-over: transparent;
504
506
  --wui-button-default-bgcolor-selected: #1e90ff;
505
507
  --wui-button-default-bgcolor-disabled: transparent;
508
+ --wui-button-default-horizpadding: 20px;
509
+ --wui-button-default-vertpadding: 0px;
506
510
  --wui-button-default-textcolor-out: #1e90ff;
507
511
  --wui-button-default-textcolor-over: #1e90ff;
508
512
  --wui-button-default-textcolor-selected: #000;
@@ -536,10 +540,94 @@
536
540
  --wui-button-warning-textcolor-selected: #000;
537
541
  --wui-button-warning-textcolor-disabled: #4b5563;
538
542
  --wui-button-icon-float-padding: 5px;
543
+ --wui-button-mobile-default-minwidth: 40px;
539
544
  --wui-button-mobile-default-height: 40px;
540
545
  --wui-button-mobile-submit-height: 40px;
541
546
  --wui-button-mobile-icon-float-padding: 10px;
542
- --wui-button-form-default-minwidth: 100px;
547
+
548
+ /* wui-codebox (lab) */
549
+
550
+ --wui-codebox-maxheight: 50vh;
551
+ --wui-codebox-borderradius: 5px;
552
+ --wui-codebox-bordercolor: #4b5563;
553
+ --wui-codebox-bgcolor: #374151;
554
+ --wui-codebox-scroll-width: 4px;
555
+ --wui-codebox-scroll-bgcolor-out: #4b5563;
556
+ --wui-codebox-scroll-bgcolor-over: #1f2937;
557
+ --wui-codebox-copyicon-src: none;
558
+ --wui-codebox-copyicon-color: #4b5563;
559
+ --wui-codebox-copiedicon-src: none;
560
+ --wui-codebox-copiedicon-color: #4b5563;
561
+ --wui-codebox-line-bgcolor-over: #4b5563;
562
+ --wui-codebox-linenumber-width: 52px;
563
+ --wui-codebox-linenumber-color: #ccc;
564
+ --wui-codebox-linenumber-bordercolor: #4b5563;
565
+ --wui-codebox-textcolor: #f3f4f6;
566
+ --wui-codebox-token-command: mediumaquamarine;
567
+ --wui-codebox-token-comment: #7ee787;
568
+ --wui-codebox-token-string: #a5d6ff;
569
+ --wui-codebox-token-keyword: #ff7b72;
570
+ --wui-codebox-token-number: #79c0ff;
571
+ --wui-codebox-token-tag: #7ee787;
572
+ --wui-codebox-token-attr: #d2a8ff;
573
+ --wui-codebox-token-selector: #d2a8ff;
574
+ --wui-codebox-token-property: #79c0ff;
575
+ --wui-codebox-token-function: #d2a8ff;
576
+ --wui-codebox-token-operator: #c9d1d9;
577
+ --wui-codebox-token-variable: #ffa657;
578
+ --wui-codebox-token-constant: #79c0ff;
579
+ --wui-codebox-token-decorator: #d2a8ff;
580
+ --wui-codebox-token-type: #d2a8ff;
581
+ --wui-codebox-token-builtin: #79c0ff;
582
+ --wui-codebox-token-color: #79c0ff;
583
+ --wui-codebox-token-regex: #a5d6ff;
584
+
585
+ /* wui-markdown (lab) */
586
+
587
+ --wui-markdown-hr-width: 1px;
588
+ --wui-markdown-hr-color: #4b5563;
589
+ --wui-markdown-table-valign: center;
590
+ --wui-markdown-table-borderradius: 5px;
591
+ --wui-markdown-table-bordercolor: #4b5563;
592
+ --wui-markdown-table-scroll-width: 4px;
593
+ --wui-markdown-table-scroll-bgcolor-out: #444;
594
+ --wui-markdown-table-scroll-bgcolor-over: #888;
595
+ --wui-markdown-table-header-bordercolor: #444;
596
+ --wui-markdown-table-header-textalign: left;
597
+ --wui-markdown-table-rows-bordercolor: #4b5563;
598
+ --wui-markdown-table-rows-bgcolor-even: #374151;
599
+ --wui-markdown-table-rows-bgcolor-over: #2f3a48;
600
+ --wui-markdown-blockquote-iconsize: 16px;
601
+ --wui-markdown-blockquote-radius: 0px;
602
+ --wui-markdown-blockquote-border: 0px;
603
+ --wui-markdown-blockquote-borderleft: 3px;
604
+ --wui-markdown-blockquote-bordercolor: transparent;
605
+ --wui-markdown-blockquote-padding: 10px;
606
+ --wui-markdown-blockquote-note-altcolor: #1e90ff;
607
+ --wui-markdown-blockquote-noteicon-src: none;
608
+ --wui-markdown-blockquote-tip-altcolor: mediumaquamarine;
609
+ --wui-markdown-blockquote-tipicon-src: none;
610
+ --wui-markdown-blockquote-important-altcolor: blueviolet;
611
+ --wui-markdown-blockquote-importanticon-src: none;
612
+ --wui-markdown-blockquote-warning-altcolor: darkorange;
613
+ --wui-markdown-blockquote-warningicon-src: none;
614
+ --wui-markdown-blockquote-caution-altcolor: orangered;
615
+ --wui-markdown-blockquote-cautionicon-src: none;
616
+ --wui-markdown-code-borderradius: 5px;
617
+ --wui-markdown-code-bordercolor: #4b5563;
618
+ --wui-markdown-code-bgcolor: #374151;
619
+ --wui-markdown-pre-maxheight: 50vh;
620
+ --wui-markdown-pre-borderradius: 5px;
621
+ --wui-markdown-pre-bordercolor: #4b5563;
622
+ --wui-markdown-pre-bgcolor: #374151;
623
+ --wui-markdown-pre-scroll-width: 4px;
624
+ --wui-markdown-pre-scroll-bgcolor-out: #4b5563;
625
+ --wui-markdown-pre-scroll-bgcolor-over: #1f2937;
626
+ --wui-markdown-pre-textcolor: #f3f4f6;
627
+ --wui-markdown-link-textcolor-out: #1e90ff;
628
+ --wui-markdown-link-textcolor-hover: #1e90ff;
629
+ --wui-markdown-link-textdecoration-out: none;
630
+ --wui-markdown-link-textdecoration-hover: underline;
543
631
 
544
632
  /* wuiplugin-selector */
545
633
 
package/themes/default/{light-0.3.css → light-0.6.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file light-0.3.css
3
- * @version 0.3
2
+ * @file light-0.6.css
3
+ * @version 0.6
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -83,7 +83,7 @@
83
83
  /* wui-tabs */
84
84
 
85
85
  --wui-tabs-tab-bgcolor-out: #fdfdfe;
86
- --wui-tabs-tab-bgcolor-over: #f6f6fa;
86
+ --wui-tabs-tab-bgcolor-over: #f6f6f6;
87
87
  --wui-tabs-tab-iconcolor-out: #1e90ff;
88
88
  --wui-tabs-tab-iconcolor-over: #1e90ff;
89
89
  --wui-tabs-tab-iconcolor-mobile: #1e90ff;
@@ -105,11 +105,11 @@
105
105
  --wui-menubar-bar-button-iconsize: 24px;
106
106
  --wui-menubar-bar-button-iconcolor-out: rgb(from #353a40 r g b / 70%);
107
107
  --wui-menubar-bar-button-iconcolor-over: #353a40;
108
- --wui-menubar-bar-button-iconcolor-selected: #f6f6fa;
108
+ --wui-menubar-bar-button-iconcolor-selected: #f6f6f6;
109
109
  --wui-menubar-bar-button-iconcolor-disabled: #d5dce3;
110
110
  --wui-menubar-bar-button-textcolor-out: #2d3a47;
111
111
  --wui-menubar-bar-button-textcolor-over: #1f2937;
112
- --wui-menubar-bar-button-textcolor-selected: #f6f6fa;
112
+ --wui-menubar-bar-button-textcolor-selected: #f6f6f6;
113
113
  --wui-menubar-bar-button-textcolor-disabled: #d5dce3;
114
114
  --wui-menubar-expander-bgcolor-out: transparent;
115
115
  --wui-menubar-expander-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
@@ -130,11 +130,11 @@
130
130
  --wui-menubar-submenu-button-iconsize: 24px;
131
131
  --wui-menubar-submenu-button-iconcolor-out: rgb(from #353a40 r g b / 70%);
132
132
  --wui-menubar-submenu-button-iconcolor-over: #353a40;
133
- --wui-menubar-submenu-button-iconcolor-selected: #f6f6fa;
133
+ --wui-menubar-submenu-button-iconcolor-selected: #f6f6f6;
134
134
  --wui-menubar-submenu-button-iconcolor-disabled: #d5dce3;
135
135
  --wui-menubar-submenu-button-textcolor-out: #2d3a47;
136
136
  --wui-menubar-submenu-button-textcolor-over: #1f2937;
137
- --wui-menubar-submenu-button-textcolor-selected: #f6f6fa;
137
+ --wui-menubar-submenu-button-textcolor-selected: #f6f6f6;
138
138
  --wui-menubar-submenu-button-textcolor-disabled: #d5dce3;
139
139
  --wui-menubar-tooltip-bgcolor: #000;
140
140
  --wui-menubar-tooltip-textcolor: #fff;
@@ -157,13 +157,13 @@
157
157
  --wui-list-row-bordercolor-out: #f0f0f3;
158
158
  --wui-list-row-bordercolor-over: #f0f0f3;
159
159
  --wui-list-row-bgcolor-out: #fdfdfe;
160
- --wui-list-row-bgcolor-over: #f6f6fa;
160
+ --wui-list-row-bgcolor-over: #f6f6f6;
161
161
  --wui-list-row-textcolor-out: #2d3a47;
162
162
  --wui-list-row-textcolor-over: #1f2937;
163
163
  --wui-list-row-textcolor-disabled: #d5dce3;
164
164
  --wui-list-innerrow-borderwidth: 1px;
165
165
  --wui-list-innerrow-bordercolor: #f0f0f3;
166
- --wui-list-innerrow-bgcolor: rgb(from #f6f6fa r g b / 20%);
166
+ --wui-list-innerrow-bgcolor: rgb(from #f6f6f6 r g b / 20%);
167
167
  --wui-list-innerrow-textcolor: rgb(from #2d3a47 r g b / 60%);
168
168
  --wui-list-buttons-bgcolor: transparent;
169
169
  --wui-list-button-size: 48px;
@@ -174,17 +174,20 @@
174
174
 
175
175
  /* wui-table */
176
176
 
177
+ --wui-table-width: auto;
177
178
  --wui-table-shadowcolor: #959da5;
178
179
  --wui-table-borderradius: 10px;
179
180
  --wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
180
181
  --wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
181
- --wui-table-column-bordercolor-width: 1px;
182
+ --wui-table-column-borderwidth: 1px;
182
183
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
183
184
  --wui-table-column-bordercolor-over: #1e90ff;
184
185
  --wui-table-column-bordercolor-selected: #1e90ff;
185
- --wui-table-column-bgcolor-out: #f6f6fa;
186
- --wui-table-column-bgcolor-over: #f6f6fa;
186
+ --wui-table-column-bordercolor-disabled: #d5dce3;
187
+ --wui-table-column-bgcolor-out: #f6f6f6;
188
+ --wui-table-column-bgcolor-over: #f6f6f6;
187
189
  --wui-table-column-bgcolor-selected: #1e90ff;
190
+ --wui-table-column-bgcolor-disabled: #f0f0f3;
188
191
  --wui-table-column-textcolor-out: #444;
189
192
  --wui-table-column-textcolor-over: #000;
190
193
  --wui-table-column-textcolor-selected: #1e90ff;
@@ -199,18 +202,18 @@
199
202
  --wui-table-column-resizer-bordercolor-over: rgb(from #1e90ff r g b / 10%);
200
203
  --wui-table-column-dragger-bordercolor-over: #444;
201
204
  --wui-table-column-dragger-bgcolor-drop: rgb(from #1e90ff r g b / 10%);
202
- --wui-table-row-bordercolor-width: 1px;
205
+ --wui-table-row-borderwidth: 1px;
203
206
  --wui-table-row-bordercolor-out: #f0f0f3;
204
207
  --wui-table-row-bordercolor-over: #f0f0f3;
205
208
  --wui-table-row-bordercolor-selected: #1e90ff;
206
209
  --wui-table-row-bordercolor-disabled: #f0f0f3;
207
210
  --wui-table-row-bgcolor-out: #fdfdfe;
208
- --wui-table-row-bgcolor-over: #f6f6fa;
211
+ --wui-table-row-bgcolor-over: #f6f6f6;
209
212
  --wui-table-row-bgcolor-selected: #1e90ff;
210
213
  --wui-table-row-bgcolor-disabled: transparent;
211
214
  --wui-table-row-textcolor-out: #2d3a47;
212
215
  --wui-table-row-textcolor-over: #1f2937;
213
- --wui-table-row-textcolor-selected: #f6f6fa;
216
+ --wui-table-row-textcolor-selected: #f6f6f6;
214
217
  --wui-table-row-textcolor-disabled: #d5dce3;
215
218
 
216
219
  /* wui-form */
@@ -234,8 +237,8 @@
234
237
  --wui-form-input-bordercolor-focus: #1e90ff;
235
238
  --wui-form-input-bordercolor-invalid: #f44343;
236
239
  --wui-form-input-bordercolor-disabled: #d5dce3;
237
- --wui-form-input-bgcolor-out: #f6f6fa;
238
- --wui-form-input-bgcolor-focus: #f6f6fa;
240
+ --wui-form-input-bgcolor-out: #f6f6f6;
241
+ --wui-form-input-bgcolor-focus: #f6f6f6;
239
242
  --wui-form-input-bgcolor-disabled: #d5dce3;
240
243
  --wui-form-input-textcolor-out: #2d3a47;
241
244
  --wui-form-input-textcolor-over: #1f2937;
@@ -261,8 +264,8 @@
261
264
  --wui-form-range-trackbar-bordercolor-out: #f0f0f3;
262
265
  --wui-form-range-trackbar-bordercolor-focus: #1e90ff;
263
266
  --wui-form-range-trackbar-bordercolor-disabled: #d5dce3;
264
- --wui-form-range-trackbar-bgcolor-out: #f6f6fa;
265
- --wui-form-range-trackbar-bgcolor-focus: #f6f6fa;
267
+ --wui-form-range-trackbar-bgcolor-out: #f6f6f6;
268
+ --wui-form-range-trackbar-bgcolor-focus: #f6f6f6;
266
269
  --wui-form-range-trackbar-bgcolor-disabled: #d5dce3;
267
270
  --wui-form-select-opener-iconsize: 30px;
268
271
  --wui-form-select-opener-iconcolor-out: #000;
@@ -275,7 +278,8 @@
275
278
  --wui-form-progress-borderwidth: 1px;
276
279
  --wui-form-progress-bordercolor: #f0f0f3;
277
280
  --wui-form-progress-valuecolor: #1e90ff;
278
- --wui-form-progress-bgcolor: #f6f6fa;
281
+ --wui-form-progress-bgcolor: #f6f6f6;
282
+ --wui-form-button-minwidth: 100px;
279
283
  --wui-form-text-textcolor-out: #888;
280
284
  --wui-form-text-textcolor-disabled: #d5dce3;
281
285
  --wui-form-text-linkcolor-out: #1e90ff;
@@ -287,9 +291,8 @@
287
291
  --wui-form-message-highlight-textcolor: #fff;
288
292
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
289
293
  --wui-form-mobile-label-textcolor: #444;
290
- --wui-form-mobile-input-height: 40px;
291
- --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
292
294
  --wui-form-mobile-input-height: 34px;
295
+ --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
293
296
  --wui-form-mobile-input-borderradius: 15px;
294
297
 
295
298
  /* wui-selectpicker */
@@ -297,7 +300,7 @@
297
300
  --wui-selectpicker-borderradius: 10px;
298
301
  --wui-selectpicker-borderwidth: 0px;
299
302
  --wui-selectpicker-bordercolor: transparent;
300
- --wui-selectpicker-bgcolor: #f6f6fa;
303
+ --wui-selectpicker-bgcolor: #f6f6f6;
301
304
  --wui-selectpicker-opener-iconsize: 30px;
302
305
  --wui-selectpicker-opener-iconcolor-out: #000;
303
306
  --wui-selectpicker-opener-iconcolor-over: #1e90ff;
@@ -318,7 +321,7 @@
318
321
  --wui-selectpicker-box-option-bordercolor-out: #f0f0f3;
319
322
  --wui-selectpicker-box-option-bordercolor-over: #f0f0f3;
320
323
  --wui-selectpicker-box-option-bgcolor-out: transparent;
321
- --wui-selectpicker-box-option-bgcolor-over: #f6f6fa;
324
+ --wui-selectpicker-box-option-bgcolor-over: #f6f6f6;
322
325
  --wui-selectpicker-box-option-iconsize: 24px;
323
326
  --wui-selectpicker-box-option-iconcolor-out: #1e90ff;
324
327
  --wui-selectpicker-box-option-iconcolor-over: #1e90ff;
@@ -342,7 +345,7 @@
342
345
  --wui-datepicker-borderradius: 10px;
343
346
  --wui-datepicker-borderwidth: 0px;
344
347
  --wui-datepicker-bordercolor: transparent;
345
- --wui-datepicker-bgcolor: #f6f6fa;
348
+ --wui-datepicker-bgcolor: #f6f6f6;
346
349
  --wui-datepicker-opener-iconsize: 30px;
347
350
  --wui-datepicker-opener-iconcolor-out: #000;
348
351
  --wui-datepicker-opener-iconcolor-over: #1e90ff;
@@ -391,7 +394,7 @@
391
394
  --wui-timepicker-borderradius: 10px;
392
395
  --wui-timepicker-borderwidth: 0px;
393
396
  --wui-timepicker-bordercolor: transparent;
394
- --wui-timepicker-bgcolor: #f6f6fa;
397
+ --wui-timepicker-bgcolor: #f6f6f6;
395
398
  --wui-timepicker-opener-iconsize: 30px;
396
399
  --wui-timepicker-opener-iconcolor-out: #000;
397
400
  --wui-timepicker-opener-iconcolor-over: #1e90ff;
@@ -429,7 +432,6 @@
429
432
  --wui-colorpicker-viewbutton-size: 30px;
430
433
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from #1e90ff r g b / 20%);
431
434
  --wui-colorpicker-viewbutton-bordercolor-over: #1e90ff;
432
- --wui-colorpicker-viewbutton-bordercolor-invalid: #f44343;
433
435
  --wui-colorpicker-viewbutton-bordercolor-disabled: #d5dce3;
434
436
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
435
437
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -448,7 +450,7 @@
448
450
  --wui-colorpicker-box-option-bordercolor-out: #f0f0f3;
449
451
  --wui-colorpicker-box-option-bordercolor-over: #f0f0f3;
450
452
  --wui-colorpicker-box-option-bgcolor-out: transparent;
451
- --wui-colorpicker-box-option-bgcolor-over: #f6f6fa;
453
+ --wui-colorpicker-box-option-bgcolor-over: #f6f6f6;
452
454
  --wui-colorpicker-box-option-bgcolor-selected: #1e90ff;
453
455
  --wui-colorpicker-box-option-textcolor-out: #000;
454
456
  --wui-colorpicker-box-option-textcolor-over: #1e90ff;
@@ -465,7 +467,6 @@
465
467
  --wui-switch-bordercolor-out: rgb(from #1e90ff r g b / 20%);
466
468
  --wui-switch-bordercolor-over: #1e90ff;
467
469
  --wui-switch-bordercolor-activated: #1e90ff;
468
- --wui-switch-bordercolor-invalid: #f44343;
469
470
  --wui-switch-bordercolor-disabled: #d5dce3;
470
471
  --wui-switch-bgcolor-out: rgb(from #1e90ff r g b / 4%);
471
472
  --wui-switch-bgcolor-over: rgb(from #1e90ff r g b / 4%);
@@ -475,9 +476,9 @@
475
476
  --wui-switch-button-bordercolor-over: #1e90ff;
476
477
  --wui-switch-button-bordercolor-activated: #1e90ff;
477
478
  --wui-switch-button-bordercolor-disabled: #d5dce3;
478
- --wui-switch-button-bgcolor-out: #f6f6fa;
479
+ --wui-switch-button-bgcolor-out: #f6f6f6;
479
480
  --wui-switch-button-bgcolor-over: rgb(from #1e90ff r g b / 4%);
480
- --wui-switch-button-bgcolor-activated: #f6f6fa;
481
+ --wui-switch-button-bgcolor-activated: #f6f6f6;
481
482
  --wui-switch-button-bgcolor-disabled: #d5dce3;
482
483
 
483
484
  /* wui-intensity */
@@ -486,7 +487,7 @@
486
487
  --wui-intensity-borderradius: 15px;
487
488
  --wui-intensity-bordercolor-out: rgb(from #1e90ff r g b / 20%);
488
489
  --wui-intensity-bordercolor-disabled: #d5dce3;
489
- --wui-intensity-bgcolor-none: #f6f6fa;
490
+ --wui-intensity-bgcolor-none: #f6f6f6;
490
491
  --wui-intensity-bgcolor-low: mediumaquamarine;
491
492
  --wui-intensity-bgcolor-half: darkorange;
492
493
  --wui-intensity-bgcolor-high: orangered;
@@ -495,6 +496,7 @@
495
496
 
496
497
  --wui-button-default-minwidth: 200px;
497
498
  --wui-button-default-height: 34px;
499
+ --wui-button-default-borderwidth: 1px;
498
500
  --wui-button-default-bordercolor-out: rgb(from #1e90ff r g b / 20%);
499
501
  --wui-button-default-bordercolor-over: #1e90ff;
500
502
  --wui-button-default-bordercolor-selected: #1e90ff;
@@ -503,6 +505,8 @@
503
505
  --wui-button-default-bgcolor-over: transparent;
504
506
  --wui-button-default-bgcolor-selected: #1e90ff;
505
507
  --wui-button-default-bgcolor-disabled: transparent;
508
+ --wui-button-default-horizpadding: 20px;
509
+ --wui-button-default-vertpadding: 0px;
506
510
  --wui-button-default-textcolor-out: #1e90ff;
507
511
  --wui-button-default-textcolor-over: #1e90ff;
508
512
  --wui-button-default-textcolor-selected: #fff;
@@ -536,10 +540,94 @@
536
540
  --wui-button-warning-textcolor-selected: #fff;
537
541
  --wui-button-warning-textcolor-disabled: #d5dce3;
538
542
  --wui-button-icon-float-padding: 5px;
543
+ --wui-button-mobile-default-minwidth: 40px;
539
544
  --wui-button-mobile-default-height: 40px;
540
545
  --wui-button-mobile-submit-height: 40px;
541
546
  --wui-button-mobile-icon-float-padding: 10px;
542
- --wui-button-form-default-minwidth: 100px;
547
+
548
+ /* wui-codebox (lab) */
549
+
550
+ --wui-codebox-maxheight: 50vh;
551
+ --wui-codebox-borderradius: 5px;
552
+ --wui-codebox-bordercolor: #d5dce3;
553
+ --wui-codebox-bgcolor: #f6f6f6;
554
+ --wui-codebox-scroll-width: 4px;
555
+ --wui-codebox-scroll-bgcolor-out: #b5bbc1;
556
+ --wui-codebox-scroll-bgcolor-over: #959da5;
557
+ --wui-codebox-copyicon-src: none;
558
+ --wui-codebox-copyicon-color: #b5bbc1;
559
+ --wui-codebox-copiedicon-src: none;
560
+ --wui-codebox-copiedicon-color: #b5bbc1;
561
+ --wui-codebox-line-bgcolor-over: #d5dce3;
562
+ --wui-codebox-linenumber-width: 52px;
563
+ --wui-codebox-linenumber-color: #444;
564
+ --wui-codebox-linenumber-bordercolor: #d5dce3;
565
+ --wui-codebox-textcolor: #2d3a47;
566
+ --wui-codebox-token-command: mediumaquamarine;
567
+ --wui-codebox-token-comment: #6a737d;
568
+ --wui-codebox-token-string: #032f62;
569
+ --wui-codebox-token-keyword: #d73a49;
570
+ --wui-codebox-token-number: #005cc5;
571
+ --wui-codebox-token-tag: #22863a;
572
+ --wui-codebox-token-attr: #6f42c1;
573
+ --wui-codebox-token-selector: #6f42c1;
574
+ --wui-codebox-token-property: #005cc5;
575
+ --wui-codebox-token-function: #6f42c1;
576
+ --wui-codebox-token-operator: #24292e;
577
+ --wui-codebox-token-variable: #e36209;
578
+ --wui-codebox-token-constant: #005cc5;
579
+ --wui-codebox-token-decorator: #6f42c1;
580
+ --wui-codebox-token-type: #6f42c1;
581
+ --wui-codebox-token-builtin: #005cc5;
582
+ --wui-codebox-token-color: #005cc5;
583
+ --wui-codebox-token-regex: #032f62;
584
+
585
+ /* wui-markdown (lab) */
586
+
587
+ --wui-markdown-hr-width: 1px;
588
+ --wui-markdown-hr-color: #d5dce3;
589
+ --wui-markdown-table-valign: center;
590
+ --wui-markdown-table-borderradius: 5px;
591
+ --wui-markdown-table-bordercolor: #d5dce3;
592
+ --wui-markdown-table-scroll-width: 4px;
593
+ --wui-markdown-table-scroll-bgcolor-out: #ccc;
594
+ --wui-markdown-table-scroll-bgcolor-over: #888;
595
+ --wui-markdown-table-header-bordercolor: #ccc;
596
+ --wui-markdown-table-header-textalign: left;
597
+ --wui-markdown-table-rows-bordercolor: #d5dce3;
598
+ --wui-markdown-table-rows-bgcolor-even: #f6f6f6;
599
+ --wui-markdown-table-rows-bgcolor-over: #efeff6;
600
+ --wui-markdown-blockquote-iconsize: 16px;
601
+ --wui-markdown-blockquote-radius: 0px;
602
+ --wui-markdown-blockquote-border: 0px;
603
+ --wui-markdown-blockquote-borderleft: 3px;
604
+ --wui-markdown-blockquote-bordercolor: transparent;
605
+ --wui-markdown-blockquote-padding: 10px;
606
+ --wui-markdown-blockquote-note-altcolor: #1e90ff;
607
+ --wui-markdown-blockquote-noteicon-src: none;
608
+ --wui-markdown-blockquote-tip-altcolor: mediumaquamarine;
609
+ --wui-markdown-blockquote-tipicon-src: none;
610
+ --wui-markdown-blockquote-important-altcolor: blueviolet;
611
+ --wui-markdown-blockquote-importanticon-src: none;
612
+ --wui-markdown-blockquote-warning-altcolor: darkorange;
613
+ --wui-markdown-blockquote-warningicon-src: none;
614
+ --wui-markdown-blockquote-caution-altcolor: orangered;
615
+ --wui-markdown-blockquote-cautionicon-src: none;
616
+ --wui-markdown-code-borderradius: 5px;
617
+ --wui-markdown-code-bordercolor: #d5dce3;
618
+ --wui-markdown-code-bgcolor: #f0f0f3;
619
+ --wui-markdown-pre-maxheight: 50vh;
620
+ --wui-markdown-pre-borderradius: 5px;
621
+ --wui-markdown-pre-bordercolor: #d5dce3;
622
+ --wui-markdown-pre-bgcolor: #f6f6f6;
623
+ --wui-markdown-pre-scroll-width: 4px;
624
+ --wui-markdown-pre-scroll-bgcolor-out: #b5bbc1;
625
+ --wui-markdown-pre-scroll-bgcolor-over: #959da5;
626
+ --wui-markdown-pre-textcolor: #2d3a47;
627
+ --wui-markdown-link-textcolor-out: #1e90ff;
628
+ --wui-markdown-link-textcolor-hover: #1e90ff;
629
+ --wui-markdown-link-textdecoration-out: none;
630
+ --wui-markdown-link-textdecoration-hover: underline;
543
631
 
544
632
  /* wuiplugin-selector */
545
633
 
@@ -548,7 +636,7 @@
548
636
  --wuiplugin-selector-option-bordercolor-out: #f0f0f3;
549
637
  --wuiplugin-selector-option-bordercolor-over: #f0f0f3;
550
638
  --wuiplugin-selector-option-bgcolor-out: transparent;
551
- --wuiplugin-selector-option-bgcolor-over: #f6f6fa;
639
+ --wuiplugin-selector-option-bgcolor-over: #f6f6f6;
552
640
  --wuiplugin-selector-option-iconcolor-out: #1e90ff;
553
641
  --wuiplugin-selector-option-iconcolor-over: #1e90ff;
554
642
  --wuiplugin-selector-option-iconcolor-disabled: #d5dce3;
package/themes/default/{settings-0.3.css → settings-0.6.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file theme-0.3.css
3
- * @version 0.3
2
+ * @file theme-0.6.css
3
+ * @version 0.6
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -11,6 +11,16 @@
11
11
 
12
12
  --wuiplugin-theme-name: "default";
13
13
 
14
+ /* common */
15
+
16
+ --wuiplugin-theme-borderradius-low: 10px;
17
+ --wuiplugin-theme-borderradius-half: 15px;
18
+ --wuiplugin-theme-borderradius-high: 17px;
19
+ --wuiplugin-theme-borderradius-round: 50%;
20
+ --wuiplugin-theme-titlefont: Arial, Helvetica, Verdana, sans-serif;
21
+ --wuiplugin-theme-input-opener-iconsize: 30px;
22
+ --wuiplugin-theme-transition-delay: .4s;
23
+
14
24
  /* light mode */
15
25
 
16
26
  --wuiplugin-theme-graycolor-max-light: #fff;
@@ -26,7 +36,7 @@
26
36
  --wuiplugin-theme-bgcolor-overlay-light: #010203;
27
37
  --wuiplugin-theme-bgcolor-box-light: #efeff6;
28
38
  --wuiplugin-theme-bgcolor-out-light: #fdfdfe;
29
- --wuiplugin-theme-bgcolor-over-light: #f6f6fa;
39
+ --wuiplugin-theme-bgcolor-over-light: #f6f6f6;
30
40
  --wuiplugin-theme-bgcolor-scroll-light: #353a40;
31
41
  --wuiplugin-theme-bgcolor-icon-light: #353a40;
32
42
  --wuiplugin-theme-bgcolor-highcontrast-light: #1f2429;
@@ -39,6 +49,24 @@
39
49
  --wuiplugin-theme-intencitycolor-low-light: mediumaquamarine;
40
50
  --wuiplugin-theme-intencitycolor-half-light: darkorange;
41
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;
42
70
 
43
71
  /* dark mode */
44
72
 
@@ -68,14 +96,22 @@
68
96
  --wuiplugin-theme-intencitycolor-low-dark: mediumaquamarine;
69
97
  --wuiplugin-theme-intencitycolor-half-dark: darkorange;
70
98
  --wuiplugin-theme-intencitycolor-high-dark: orangered;
71
-
72
- /* common */
73
-
74
- --wuiplugin-theme-borderradius-low: 10px;
75
- --wuiplugin-theme-borderradius-half: 15px;
76
- --wuiplugin-theme-borderradius-high: 17px;
77
- --wuiplugin-theme-borderradius-round: 50%;
78
- --wuiplugin-theme-titlefont: Arial, Helvetica, Verdana, sans-serif;
79
- --wuiplugin-theme-input-opener-iconsize: 30px;
80
- --wuiplugin-theme-transition-delay: .4s;
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;
81
117
  }
package/themes/{wuiplugin-themes-0.4.css → wuiplugin-themes-0.6.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.4.css
3
- * @version 0.4
2
+ * @file wuiplugin-themes-0.6.css
3
+ * @version 0.6
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -172,17 +172,20 @@
172
172
 
173
173
  /* wui-table */
174
174
 
175
+ --wui-table-width: auto;
175
176
  --wui-table-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
176
177
  --wui-table-borderradius: var(--wuiplugin-theme-borderradius-low);
177
178
  --wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
178
179
  --wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
179
- --wui-table-column-bordercolor-width: 1px;
180
+ --wui-table-column-borderwidth: 1px;
180
181
  --wui-table-column-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
181
182
  --wui-table-column-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
182
183
  --wui-table-column-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
184
+ --wui-table-column-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
183
185
  --wui-table-column-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
184
186
  --wui-table-column-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
185
187
  --wui-table-column-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
188
+ --wui-table-column-bgcolor-disabled: var(--wuiplugin-theme-bordercolor-low);
186
189
  --wui-table-column-textcolor-out: var(--wuiplugin-theme-graycolor-low);
187
190
  --wui-table-column-textcolor-over: var(--wuiplugin-theme-graycolor-min);
188
191
  --wui-table-column-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -197,7 +200,7 @@
197
200
  --wui-table-column-resizer-bordercolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
198
201
  --wui-table-column-dragger-bordercolor-over: var(--wuiplugin-theme-graycolor-low);
199
202
  --wui-table-column-dragger-bgcolor-drop: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
200
- --wui-table-row-bordercolor-width: 1px;
203
+ --wui-table-row-borderwidth: 1px;
201
204
  --wui-table-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
202
205
  --wui-table-row-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
203
206
  --wui-table-row-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -274,6 +277,7 @@
274
277
  --wui-form-progress-bordercolor: var(--wuiplugin-theme-bordercolor-low);
275
278
  --wui-form-progress-valuecolor: var(--wuiplugin-theme-utilitycolor-hightlight);
276
279
  --wui-form-progress-bgcolor: var(--wuiplugin-theme-bgcolor-over);
280
+ --wui-form-button-minwidth: 100px;
277
281
  --wui-form-text-textcolor-out: var(--wuiplugin-theme-graycolor-half);
278
282
  --wui-form-text-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
279
283
  --wui-form-text-linkcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -285,9 +289,8 @@
285
289
  --wui-form-message-highlight-textcolor: var(--wuiplugin-theme-graycolor-max);
286
290
  --wui-form-mobile-field-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
287
291
  --wui-form-mobile-label-textcolor: var(--wuiplugin-theme-graycolor-low);
288
- --wui-form-mobile-input-height: 40px;
289
- --wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
290
292
  --wui-form-mobile-input-height: 34px;
293
+ --wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
291
294
  --wui-form-mobile-input-borderradius: var(--wuiplugin-theme-borderradius-half);
292
295
 
293
296
  /* wui-selectpicker */
@@ -427,7 +430,6 @@
427
430
  --wui-colorpicker-viewbutton-size: 30px;
428
431
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
429
432
  --wui-colorpicker-viewbutton-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
430
- --wui-colorpicker-viewbutton-bordercolor-invalid: var(--wuiplugin-theme-utilitycolor-warning);
431
433
  --wui-colorpicker-viewbutton-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
432
434
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
433
435
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -463,7 +465,6 @@
463
465
  --wui-switch-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
464
466
  --wui-switch-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
465
467
  --wui-switch-bordercolor-activated: var(--wuiplugin-theme-utilitycolor-hightlight);
466
- --wui-switch-bordercolor-invalid: var(--wuiplugin-theme-utilitycolor-warning);
467
468
  --wui-switch-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
468
469
  --wui-switch-bgcolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
469
470
  --wui-switch-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
@@ -493,6 +494,7 @@
493
494
 
494
495
  --wui-button-default-minwidth: 200px;
495
496
  --wui-button-default-height: 34px;
497
+ --wui-button-default-borderwidth: 1px;
496
498
  --wui-button-default-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
497
499
  --wui-button-default-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
498
500
  --wui-button-default-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -501,6 +503,8 @@
501
503
  --wui-button-default-bgcolor-over: transparent;
502
504
  --wui-button-default-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
503
505
  --wui-button-default-bgcolor-disabled: transparent;
506
+ --wui-button-default-horizpadding: 20px;
507
+ --wui-button-default-vertpadding: 0px;
504
508
  --wui-button-default-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
505
509
  --wui-button-default-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
506
510
  --wui-button-default-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
@@ -534,10 +538,94 @@
534
538
  --wui-button-warning-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
535
539
  --wui-button-warning-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
536
540
  --wui-button-icon-float-padding: 5px;
541
+ --wui-button-mobile-default-minwidth: 40px;
537
542
  --wui-button-mobile-default-height: 40px;
538
543
  --wui-button-mobile-submit-height: 40px;
539
544
  --wui-button-mobile-icon-float-padding: 10px;
540
- --wui-button-form-default-minwidth: 100px;
545
+
546
+ /* wui-codebox (lab) */
547
+
548
+ --wui-codebox-maxheight: 50vh;
549
+ --wui-codebox-borderradius: 5px;
550
+ --wui-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
551
+ --wui-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
552
+ --wui-codebox-scroll-width: 4px;
553
+ --wui-codebox-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
554
+ --wui-codebox-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
555
+ --wui-codebox-copyicon-src: none;
556
+ --wui-codebox-copyicon-color: var(--wuiplugin-theme-bordercolor-max);
557
+ --wui-codebox-copiedicon-src: none;
558
+ --wui-codebox-copiedicon-color: var(--wuiplugin-theme-bordercolor-max);
559
+ --wui-codebox-line-bgcolor-over: var(--wuiplugin-theme-bordercolor-high);
560
+ --wui-codebox-linenumber-width: 52px;
561
+ --wui-codebox-linenumber-color: var(--wuiplugin-theme-graycolor-low);
562
+ --wui-codebox-linenumber-bordercolor: var(--wuiplugin-theme-bordercolor-high);
563
+ --wui-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
564
+ --wui-codebox-token-command: var(--wuiplugin-theme-token-command);
565
+ --wui-codebox-token-comment: var(--wuiplugin-theme-token-comment);
566
+ --wui-codebox-token-string: var(--wuiplugin-theme-token-string);
567
+ --wui-codebox-token-keyword: var(--wuiplugin-theme-token-keyword);
568
+ --wui-codebox-token-number: var(--wuiplugin-theme-token-number);
569
+ --wui-codebox-token-tag: var(--wuiplugin-theme-token-tag);
570
+ --wui-codebox-token-attr: var(--wuiplugin-theme-token-attr);
571
+ --wui-codebox-token-selector: var(--wuiplugin-theme-token-selector);
572
+ --wui-codebox-token-property: var(--wuiplugin-theme-token-property);
573
+ --wui-codebox-token-function: var(--wuiplugin-theme-token-function);
574
+ --wui-codebox-token-operator: var(--wuiplugin-theme-token-operator);
575
+ --wui-codebox-token-variable: var(--wuiplugin-theme-token-variable);
576
+ --wui-codebox-token-constant: var(--wuiplugin-theme-token-constant);
577
+ --wui-codebox-token-decorator: var(--wuiplugin-theme-token-decorator);
578
+ --wui-codebox-token-type: var(--wuiplugin-theme-token-type);
579
+ --wui-codebox-token-builtin: var(--wuiplugin-theme-token-builtin);
580
+ --wui-codebox-token-color: var(--wuiplugin-theme-token-color);
581
+ --wui-codebox-token-regex: var(--wuiplugin-theme-token-regex);
582
+
583
+ /* wui-markdown (lab) */
584
+
585
+ --wui-markdown-hr-width: 1px;
586
+ --wui-markdown-hr-color: var(--wuiplugin-theme-bordercolor-high);
587
+ --wui-markdown-table-valign: center;
588
+ --wui-markdown-table-borderradius: 5px;
589
+ --wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
590
+ --wui-markdown-table-scroll-width: 4px;
591
+ --wui-markdown-table-scroll-bgcolor-out: var(--wuiplugin-theme-graycolor-high);
592
+ --wui-markdown-table-scroll-bgcolor-over: var(--wuiplugin-theme-graycolor-half);
593
+ --wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
594
+ --wui-markdown-table-header-textalign: left;
595
+ --wui-markdown-table-rows-bordercolor: var(--wuiplugin-theme-bordercolor-high);
596
+ --wui-markdown-table-rows-bgcolor-even: var(--wuiplugin-theme-bgcolor-over);
597
+ --wui-markdown-table-rows-bgcolor-over: var(--wuiplugin-theme-bgcolor-box);
598
+ --wui-markdown-blockquote-iconsize: 16px;
599
+ --wui-markdown-blockquote-radius: 0px;
600
+ --wui-markdown-blockquote-border: 0px;
601
+ --wui-markdown-blockquote-borderleft: 3px;
602
+ --wui-markdown-blockquote-bordercolor: transparent;
603
+ --wui-markdown-blockquote-padding: 10px;
604
+ --wui-markdown-blockquote-note-altcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
605
+ --wui-markdown-blockquote-noteicon-src: none;
606
+ --wui-markdown-blockquote-tip-altcolor: var(--wuiplugin-theme-intencitycolor-low);
607
+ --wui-markdown-blockquote-tipicon-src: none;
608
+ --wui-markdown-blockquote-important-altcolor: blueviolet;
609
+ --wui-markdown-blockquote-importanticon-src: none;
610
+ --wui-markdown-blockquote-warning-altcolor: var(--wuiplugin-theme-intencitycolor-half);
611
+ --wui-markdown-blockquote-warningicon-src: none;
612
+ --wui-markdown-blockquote-caution-altcolor: var(--wuiplugin-theme-intencitycolor-high);
613
+ --wui-markdown-blockquote-cautionicon-src: none;
614
+ --wui-markdown-code-borderradius: 5px;
615
+ --wui-markdown-code-bordercolor: var(--wuiplugin-theme-bordercolor-high);
616
+ --wui-markdown-code-bgcolor: var(--wuiplugin-theme-bordercolor-low);
617
+ --wui-markdown-pre-maxheight: 50vh;
618
+ --wui-markdown-pre-borderradius: 5px;
619
+ --wui-markdown-pre-bordercolor: var(--wuiplugin-theme-bordercolor-high);
620
+ --wui-markdown-pre-bgcolor: var(--wuiplugin-theme-bgcolor-over);
621
+ --wui-markdown-pre-scroll-width: 4px;
622
+ --wui-markdown-pre-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
623
+ --wui-markdown-pre-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
624
+ --wui-markdown-pre-textcolor: var(--wuiplugin-theme-textcolor-active);
625
+ --wui-markdown-link-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
626
+ --wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
627
+ --wui-markdown-link-textdecoration-out: none;
628
+ --wui-markdown-link-textdecoration-hover: underline;
541
629
 
542
630
  /* wuiplugin-selector */
543
631
 
@@ -595,6 +683,24 @@
595
683
  --wuiplugin-theme-intencitycolor-low: light-dark(var(--wuiplugin-theme-intencitycolor-low-light), var(--wuiplugin-theme-intencitycolor-low-dark));
596
684
  --wuiplugin-theme-intencitycolor-half: light-dark(var(--wuiplugin-theme-intencitycolor-half-light), var(--wuiplugin-theme-intencitycolor-half-dark));
597
685
  --wuiplugin-theme-intencitycolor-high: light-dark(var(--wuiplugin-theme-intencitycolor-high-light), var(--wuiplugin-theme-intencitycolor-high-dark));
686
+ --wuiplugin-theme-token-command: light-dark(var(--wuiplugin-theme-token-command-light), var(--wuiplugin-theme-token-command-dark));
687
+ --wuiplugin-theme-token-comment: light-dark(var(--wuiplugin-theme-token-comment-light), var(--wuiplugin-theme-token-comment-dark));
688
+ --wuiplugin-theme-token-string: light-dark(var(--wuiplugin-theme-token-string-light), var(--wuiplugin-theme-token-string-dark));
689
+ --wuiplugin-theme-token-keyword: light-dark(var(--wuiplugin-theme-token-keyword-light), var(--wuiplugin-theme-token-keyword-dark));
690
+ --wuiplugin-theme-token-number: light-dark(var(--wuiplugin-theme-token-number-light), var(--wuiplugin-theme-token-number-dark));
691
+ --wuiplugin-theme-token-tag: light-dark(var(--wuiplugin-theme-token-tag-light), var(--wuiplugin-theme-token-tag-dark));
692
+ --wuiplugin-theme-token-attr: light-dark(var(--wuiplugin-theme-token-attr-light), var(--wuiplugin-theme-token-attr-dark));
693
+ --wuiplugin-theme-token-selector: light-dark(var(--wuiplugin-theme-token-selector-light), var(--wuiplugin-theme-token-selector-dark));
694
+ --wuiplugin-theme-token-property: light-dark(var(--wuiplugin-theme-token-property-light), var(--wuiplugin-theme-token-property-dark));
695
+ --wuiplugin-theme-token-function: light-dark(var(--wuiplugin-theme-token-function-light), var(--wuiplugin-theme-token-function-dark));
696
+ --wuiplugin-theme-token-operator: light-dark(var(--wuiplugin-theme-token-operator-light), var(--wuiplugin-theme-token-operator-dark));
697
+ --wuiplugin-theme-token-variable: light-dark(var(--wuiplugin-theme-token-variable-light), var(--wuiplugin-theme-token-variable-dark));
698
+ --wuiplugin-theme-token-constant: light-dark(var(--wuiplugin-theme-token-constant-light), var(--wuiplugin-theme-token-constant-dark));
699
+ --wuiplugin-theme-token-decorator: light-dark(var(--wuiplugin-theme-token-decorator-light), var(--wuiplugin-theme-token-decorator-dark));
700
+ --wuiplugin-theme-token-type: light-dark(var(--wuiplugin-theme-token-type-light), var(--wuiplugin-theme-token-type-dark));
701
+ --wuiplugin-theme-token-builtin: light-dark(var(--wuiplugin-theme-token-builtin-light), var(--wuiplugin-theme-token-builtin-dark));
702
+ --wuiplugin-theme-token-color: light-dark(var(--wuiplugin-theme-token-color-light), var(--wuiplugin-theme-token-color-dark));
703
+ --wuiplugin-theme-token-regex: light-dark(var(--wuiplugin-theme-token-regex-light), var(--wuiplugin-theme-token-regex-dark));
598
704
  }
599
705
 
600
706
  .wuiplugin-themes.light {
@@ -625,6 +731,24 @@
625
731
  --wuiplugin-theme-intencitycolor-low: var(--wuiplugin-theme-intencitycolor-low-light);
626
732
  --wuiplugin-theme-intencitycolor-half: var(--wuiplugin-theme-intencitycolor-half-light);
627
733
  --wuiplugin-theme-intencitycolor-high: var(--wuiplugin-theme-intencitycolor-high-light);
734
+ --wuiplugin-theme-token-command: var(--wuiplugin-theme-token-command-light);
735
+ --wuiplugin-theme-token-comment: var(--wuiplugin-theme-token-comment-light);
736
+ --wuiplugin-theme-token-string: var(--wuiplugin-theme-token-string-light);
737
+ --wuiplugin-theme-token-keyword: var(--wuiplugin-theme-token-keyword-light);
738
+ --wuiplugin-theme-token-number: var(--wuiplugin-theme-token-number-light);
739
+ --wuiplugin-theme-token-tag: var(--wuiplugin-theme-token-tag-light);
740
+ --wuiplugin-theme-token-attr: var(--wuiplugin-theme-token-attr-light);
741
+ --wuiplugin-theme-token-selector: var(--wuiplugin-theme-token-selector-light);
742
+ --wuiplugin-theme-token-property: var(--wuiplugin-theme-token-property-light);
743
+ --wuiplugin-theme-token-function: var(--wuiplugin-theme-token-function-light);
744
+ --wuiplugin-theme-token-operator: var(--wuiplugin-theme-token-operator-light);
745
+ --wuiplugin-theme-token-variable: var(--wuiplugin-theme-token-variable-light);
746
+ --wuiplugin-theme-token-constant: var(--wuiplugin-theme-token-constant-light);
747
+ --wuiplugin-theme-token-decorator: var(--wuiplugin-theme-token-decorator-light);
748
+ --wuiplugin-theme-token-type: var(--wuiplugin-theme-token-type-light);
749
+ --wuiplugin-theme-token-builtin: var(--wuiplugin-theme-token-builtin-light);
750
+ --wuiplugin-theme-token-color: var(--wuiplugin-theme-token-color-light);
751
+ --wuiplugin-theme-token-regex: var(--wuiplugin-theme-token-regex-light);
628
752
  }
629
753
 
630
754
  .wuiplugin-themes.dark {
@@ -655,6 +779,24 @@
655
779
  --wuiplugin-theme-intencitycolor-low: var(--wuiplugin-theme-intencitycolor-low-dark);
656
780
  --wuiplugin-theme-intencitycolor-half: var(--wuiplugin-theme-intencitycolor-half-dark);
657
781
  --wuiplugin-theme-intencitycolor-high: var(--wuiplugin-theme-intencitycolor-high-dark);
782
+ --wuiplugin-theme-token-command: var(--wuiplugin-theme-token-command-dark);
783
+ --wuiplugin-theme-token-comment: var(--wuiplugin-theme-token-comment-dark);
784
+ --wuiplugin-theme-token-string: var(--wuiplugin-theme-token-string-dark);
785
+ --wuiplugin-theme-token-keyword: var(--wuiplugin-theme-token-keyword-dark);
786
+ --wuiplugin-theme-token-number: var(--wuiplugin-theme-token-number-dark);
787
+ --wuiplugin-theme-token-tag: var(--wuiplugin-theme-token-tag-dark);
788
+ --wuiplugin-theme-token-attr: var(--wuiplugin-theme-token-attr-dark);
789
+ --wuiplugin-theme-token-selector: var(--wuiplugin-theme-token-selector-dark);
790
+ --wuiplugin-theme-token-property: var(--wuiplugin-theme-token-property-dark);
791
+ --wuiplugin-theme-token-function: var(--wuiplugin-theme-token-function-dark);
792
+ --wuiplugin-theme-token-operator: var(--wuiplugin-theme-token-operator-dark);
793
+ --wuiplugin-theme-token-variable: var(--wuiplugin-theme-token-variable-dark);
794
+ --wuiplugin-theme-token-constant: var(--wuiplugin-theme-token-constant-dark);
795
+ --wuiplugin-theme-token-decorator: var(--wuiplugin-theme-token-decorator-dark);
796
+ --wuiplugin-theme-token-type: var(--wuiplugin-theme-token-type-dark);
797
+ --wuiplugin-theme-token-builtin: var(--wuiplugin-theme-token-builtin-dark);
798
+ --wuiplugin-theme-token-color: var(--wuiplugin-theme-token-color-dark);
799
+ --wuiplugin-theme-token-regex: var(--wuiplugin-theme-token-regex-dark);
658
800
  }
659
801
 
660
802
  .wuiplugin-themes.transition,
package/themes/{wuiplugin-themes-0.4.js → wuiplugin-themes-0.6.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.4.js
2
+ * @file wuiplugin-themes-0.6.js
3
3
  * @class WUIPluginThemes
4
- * @version 0.4
4
+ * @version 0.6
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.4";
11
+ static version = "0.6";
12
12
 
13
13
  getScheme() {
14
14
  return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();