@wui-js/plugins 0.4.0 → 0.6.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 +6 -4
  2. package/package.json +9 -10
  3. package/themes/default/{dark-0.2.css → dark-0.4.css} +78 -12
  4. package/themes/default/{light-0.2.css → light-0.4.css} +103 -37
  5. package/themes/default/{settings-0.2.css → settings-0.4.css} +3 -3
  6. package/themes/{wuiplugin-themes-0.3.css → wuiplugin-themes-0.5.css} +76 -10
  7. package/themes/{wuiplugin-themes-0.3.js → wuiplugin-themes-0.5.js} +3 -3
package/README.md CHANGED
@@ -4,10 +4,12 @@
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`
7
+ **License**: `Apache License 2.0`
8
8
 
9
- Author: `Sergio E. Belmar V. <wuijs.project@gmail.com>`
9
+ **Author**: `Sergio E. Belmar V. <wuijs.project@gmail.com>`
10
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)
11
+ **Website**: [https://wuijs.dev](https://wuijs.dev)
12
12
 
13
- Website: [https://wuijs.dev](https://wuijs.dev)
13
+ **Repository**: [https://github.com/wui-js/wuijs-plugins-lib](https://github.com/wui-js/wuijs-plugins-lib)
14
+
15
+ **Documentation**: [https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/README-en.md](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/README-en.md)
package/package.json CHANGED
@@ -1,7 +1,9 @@
1
1
  {
2
2
  "name": "@wui-js/plugins",
3
- "version": "0.4.0",
4
- "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 Lib classes.",
3
+ "version": "0.6.0",
4
+ "license": "Apache-2.0",
5
+ "author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
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.",
5
7
  "keywords": [
6
8
  "ui",
7
9
  "components",
@@ -13,25 +15,22 @@
13
15
  "library"
14
16
  ],
15
17
  "homepage": "https://wuijs.dev",
16
- "bugs": {
17
- "url": "https://github.com/wui-js/wuijs-plugins-lib/issues"
18
- },
19
18
  "repository": {
20
19
  "type": "git",
21
20
  "url": "git+https://github.com/wui-js/wuijs-plugins-lib.git"
22
21
  },
23
- "license": "Apache-2.0",
22
+ "bugs": {
23
+ "url": "https://github.com/wui-js/wuijs-plugins-lib/issues"
24
+ },
24
25
  "publishConfig": {
25
26
  "access": "public"
26
27
  },
27
- "author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
28
28
  "files": [
29
- "LICENSE",
30
29
  "selector",
31
30
  "themes"
32
31
  ],
33
32
  "scripts": {
34
- "prepack": "cp README.md _README.bak && cp NPM.md README.md && mv src/wui-js/plugins/LICENCE _LICENCE.bak 2>/dev/null; cp -r src/wui-js/plugins/. .",
35
- "postpack": "mv _README.bak README.md && ls src/wui-js/plugins/ | xargs rm -rf && cp src/wui-js/plugins/LICENSE . && mv _LICENCE.bak src/wui-js/plugins/LICENCE 2>/dev/null; true"
33
+ "prepack": "rm README.md && cp NPM.md README.md && cp -r src/wui-js/plugins/. .",
34
+ "postpack": "rm -f README.md && ln -s docs/README-en.md README.md && ls src/wui-js/plugins/ | grep -vE '^LICENSE$' | xargs rm -rf"
36
35
  }
37
36
  }
package/themes/default/{dark-0.2.css → dark-0.4.css} RENAMED
@@ -1,15 +1,15 @@
1
1
  /*
2
- * @file dark-0.2.css
3
- * @version 0.2
2
+ * @file dark-0.4.css
3
+ * @version 0.4
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
7
7
 
8
8
  .wuiplugin-themes.default.dark {
9
9
 
10
- /* wuiplugin-theme */
10
+ /* wuiplugin-theme */
11
11
 
12
- --wuiplugin-theme-name: "default";
12
+ --wuiplugin-theme-name: "default";
13
13
 
14
14
  /* wui-scrolly */
15
15
 
@@ -65,6 +65,8 @@
65
65
  --wui-modal-slidepage-box-margin: 10px;
66
66
  --wui-modal-smallpage-box-width: 340px;
67
67
  --wui-modal-smallpage-box-height: 280px;
68
+ --wui-modal-mobile-page-box-topmargin: 0px;
69
+ --wui-modal-mobile-page-box-borderradius-maximized: 0px;
68
70
 
69
71
  /* wui-paging */
70
72
 
@@ -138,13 +140,15 @@
138
140
  --wui-menubar-tooltip-textcolor: #fff;
139
141
  --wui-menubar-bubble-bgcolor: #f44343;
140
142
  --wui-menubar-bubble-textcolor: #fff;
143
+ --wui-menubar-mobile-bar-horizpadding: 10px;
144
+ --wui-menubar-mobile-bar-vertpadding: 0px;
141
145
  --wui-menubar-mobile-opener-closeicon-src: none;
142
146
 
143
147
  /* wui-list */
144
148
 
145
149
  --wui-list-shadowcolor: #1f2937;
146
150
  --wui-list-borderradius: 10px;
147
- --wui-list-borderwidth: 0;
151
+ --wui-list-borderwidth: 0px;
148
152
  --wui-list-bordercolor: #374151;
149
153
  --wui-list-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
150
154
  --wui-list-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
@@ -170,17 +174,20 @@
170
174
 
171
175
  /* wui-table */
172
176
 
177
+ --wui-table-width: auto;
173
178
  --wui-table-shadowcolor: #1f2937;
174
179
  --wui-table-borderradius: 10px;
175
180
  --wui-table-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
176
181
  --wui-table-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
177
- --wui-table-column-bordercolor-width: 1px;
182
+ --wui-table-column-borderwidth: 1px;
178
183
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
179
184
  --wui-table-column-bordercolor-over: #1e90ff;
180
185
  --wui-table-column-bordercolor-selected: #1e90ff;
186
+ --wui-table-column-bordercolor-disabled: #4b5563;
181
187
  --wui-table-column-bgcolor-out: #374151;
182
188
  --wui-table-column-bgcolor-over: #374151;
183
189
  --wui-table-column-bgcolor-selected: #1e90ff;
190
+ --wui-table-column-bgcolor-disabled: var(--wuiplugin-theme-bordercolor-low-light);
184
191
  --wui-table-column-textcolor-out: #ccc;
185
192
  --wui-table-column-textcolor-over: #fff;
186
193
  --wui-table-column-textcolor-selected: #1e90ff;
@@ -195,7 +202,7 @@
195
202
  --wui-table-column-resizer-bordercolor-over: rgb(from #1e90ff r g b / 10%);
196
203
  --wui-table-column-dragger-bordercolor-over: #ccc;
197
204
  --wui-table-column-dragger-bgcolor-drop: rgb(from #1e90ff r g b / 10%);
198
- --wui-table-row-bordercolor-width: 1px;
205
+ --wui-table-row-borderwidth: 1px;
199
206
  --wui-table-row-bordercolor-out: #374151;
200
207
  --wui-table-row-bordercolor-over: #374151;
201
208
  --wui-table-row-bordercolor-selected: #1e90ff;
@@ -272,6 +279,7 @@
272
279
  --wui-form-progress-bordercolor: #374151;
273
280
  --wui-form-progress-valuecolor: #1e90ff;
274
281
  --wui-form-progress-bgcolor: #374151;
282
+ --wui-form-button-minwidth: 100px;
275
283
  --wui-form-text-textcolor-out: #888;
276
284
  --wui-form-text-textcolor-disabled: #4b5563;
277
285
  --wui-form-text-linkcolor-out: #1e90ff;
@@ -283,9 +291,8 @@
283
291
  --wui-form-message-highlight-textcolor: #000;
284
292
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
285
293
  --wui-form-mobile-label-textcolor: #ccc;
286
- --wui-form-mobile-input-height: 40px;
287
- --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
288
294
  --wui-form-mobile-input-height: 34px;
295
+ --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
289
296
  --wui-form-mobile-input-borderradius: 15px;
290
297
 
291
298
  /* wui-selectpicker */
@@ -425,7 +432,6 @@
425
432
  --wui-colorpicker-viewbutton-size: 30px;
426
433
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from #1e90ff r g b / 20%);
427
434
  --wui-colorpicker-viewbutton-bordercolor-over: #1e90ff;
428
- --wui-colorpicker-viewbutton-bordercolor-invalid: #f44343;
429
435
  --wui-colorpicker-viewbutton-bordercolor-disabled: #4b5563;
430
436
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
431
437
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -461,7 +467,6 @@
461
467
  --wui-switch-bordercolor-out: rgb(from #1e90ff r g b / 20%);
462
468
  --wui-switch-bordercolor-over: #1e90ff;
463
469
  --wui-switch-bordercolor-activated: #1e90ff;
464
- --wui-switch-bordercolor-invalid: #f44343;
465
470
  --wui-switch-bordercolor-disabled: #4b5563;
466
471
  --wui-switch-bgcolor-out: rgb(from #1e90ff r g b / 4%);
467
472
  --wui-switch-bgcolor-over: rgb(from #1e90ff r g b / 4%);
@@ -491,6 +496,7 @@
491
496
 
492
497
  --wui-button-default-minwidth: 200px;
493
498
  --wui-button-default-height: 34px;
499
+ --wui-button-default-borderwidth: 1px;
494
500
  --wui-button-default-bordercolor-out: rgb(from #1e90ff r g b / 20%);
495
501
  --wui-button-default-bordercolor-over: #1e90ff;
496
502
  --wui-button-default-bordercolor-selected: #1e90ff;
@@ -499,6 +505,8 @@
499
505
  --wui-button-default-bgcolor-over: transparent;
500
506
  --wui-button-default-bgcolor-selected: #1e90ff;
501
507
  --wui-button-default-bgcolor-disabled: transparent;
508
+ --wui-button-default-horizpadding: 20px;
509
+ --wui-button-default-vertpadding: 0px;
502
510
  --wui-button-default-textcolor-out: #1e90ff;
503
511
  --wui-button-default-textcolor-over: #1e90ff;
504
512
  --wui-button-default-textcolor-selected: #000;
@@ -532,10 +540,68 @@
532
540
  --wui-button-warning-textcolor-selected: #000;
533
541
  --wui-button-warning-textcolor-disabled: #4b5563;
534
542
  --wui-button-icon-float-padding: 5px;
543
+ --wui-button-mobile-default-minwidth: 40px;
535
544
  --wui-button-mobile-default-height: 40px;
536
545
  --wui-button-mobile-submit-height: 40px;
537
546
  --wui-button-mobile-icon-float-padding: 10px;
538
- --wui-button-form-default-minwidth: 100px;
547
+
548
+ /* wui-markdown (lab) */
549
+
550
+ --wui-markdown-table-valign: center;
551
+ --wui-markdown-table-borderradius: 5px;
552
+ --wui-markdown-table-bordercolor: #4b5563;
553
+ --wui-markdown-table-scroll-width: 4px;
554
+ --wui-markdown-table-scroll-bgcolor-out: #444;
555
+ --wui-markdown-table-scroll-bgcolor-over: #888;
556
+ --wui-markdown-table-header-bordercolor: #444;
557
+ --wui-markdown-table-header-textalign: left;
558
+ --wui-markdown-table-rows-bordercolor: #4b5563;
559
+ --wui-markdown-table-rows-bgcolor-even: #374151;
560
+ --wui-markdown-table-rows-bgcolor-over: #2f3a48;
561
+ --wui-markdown-blockquote-marginbottom: 10px;
562
+ --wui-markdown-blockquote-iconsize: 16px;
563
+ --wui-markdown-blockquote-radius: 0px;
564
+ --wui-markdown-blockquote-border: 0px;
565
+ --wui-markdown-blockquote-borderleft: 3px;
566
+ --wui-markdown-blockquote-bordercolor: transparent;
567
+ --wui-markdown-blockquote-padding: 10px;
568
+ --wui-markdown-blockquote-note-bordercolor: #1e90ff;
569
+ --wui-markdown-blockquote-note-src: none;
570
+ --wui-markdown-blockquote-tip-bordercolor: mediumaquamarine;
571
+ --wui-markdown-blockquote-tip-src: none;
572
+ --wui-markdown-blockquote-important-bordercolor: blueviolet;
573
+ --wui-markdown-blockquote-important-src: none;
574
+ --wui-markdown-blockquote-warning-bordercolor: darkorange;
575
+ --wui-markdown-blockquote-warning-src: none;
576
+ --wui-markdown-blockquote-caution-bordercolor: orangered;
577
+ --wui-markdown-blockquote-caution-src: none;
578
+ --wui-markdown-blockquote-bgcolor: transparent;
579
+ --wui-markdown-code-borderradius: 5px;
580
+ --wui-markdown-code-bordercolor: #4b5563;
581
+ --wui-markdown-code-bgcolor: #374151;
582
+ --wui-markdown-pre-maxheight: 50vh;
583
+ --wui-markdown-pre-borderradius: 5px;
584
+ --wui-markdown-pre-bordercolor: #4b5563;
585
+ --wui-markdown-pre-bgcolor: #374151;
586
+ --wui-markdown-pre-scroll-width: 4px;
587
+ --wui-markdown-pre-scroll-bgcolor-out: #4b5563;
588
+ --wui-markdown-pre-scroll-bgcolor-over: #1f2937;
589
+ --wui-markdown-pre-textcolor: #f3f4f6;
590
+ --wui-markdown-link-textcolor-out: #1e90ff;
591
+ --wui-markdown-link-textcolor-hover: #1e90ff;
592
+ --wui-markdown-link-textdecoration-out: none;
593
+ --wui-markdown-link-textdecoration-hover: underline;
594
+
595
+ /* wui-codeview (lab) */
596
+
597
+ --wui-codeview-maxheight: 50vh;
598
+ --wui-codeview-borderradius: 5px;
599
+ --wui-codeview-bordercolor: #4b5563;
600
+ --wui-codeview-bgcolor: #374151;
601
+ --wui-codeview-scroll-width: 4px;
602
+ --wui-codeview-scroll-bgcolor-out: #4b5563;
603
+ --wui-codeview-scroll-bgcolor-over: #1f2937;
604
+ --wui-codeview-textcolor: #f3f4f6;
539
605
 
540
606
  /* wuiplugin-selector */
541
607
 
package/themes/default/{light-0.2.css → light-0.4.css} RENAMED
@@ -1,15 +1,15 @@
1
1
  /*
2
- * @file light-0.2.css
3
- * @version 0.2
2
+ * @file light-0.4.css
3
+ * @version 0.4
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
7
7
 
8
8
  .wuiplugin-themes.default.light {
9
9
 
10
- /* wuiplugin-theme */
10
+ /* wuiplugin-theme */
11
11
 
12
- --wuiplugin-theme-name: "default";
12
+ --wuiplugin-theme-name: "default";
13
13
 
14
14
  /* wui-scrolly */
15
15
 
@@ -65,6 +65,8 @@
65
65
  --wui-modal-slidepage-box-margin: 10px;
66
66
  --wui-modal-smallpage-box-width: 340px;
67
67
  --wui-modal-smallpage-box-height: 280px;
68
+ --wui-modal-mobile-page-box-topmargin: 0px;
69
+ --wui-modal-mobile-page-box-borderradius-maximized: 0px;
68
70
 
69
71
  /* wui-paging */
70
72
 
@@ -81,7 +83,7 @@
81
83
  /* wui-tabs */
82
84
 
83
85
  --wui-tabs-tab-bgcolor-out: #fdfdfe;
84
- --wui-tabs-tab-bgcolor-over: #f6f6fa;
86
+ --wui-tabs-tab-bgcolor-over: #f6f6f6;
85
87
  --wui-tabs-tab-iconcolor-out: #1e90ff;
86
88
  --wui-tabs-tab-iconcolor-over: #1e90ff;
87
89
  --wui-tabs-tab-iconcolor-mobile: #1e90ff;
@@ -103,11 +105,11 @@
103
105
  --wui-menubar-bar-button-iconsize: 24px;
104
106
  --wui-menubar-bar-button-iconcolor-out: rgb(from #353a40 r g b / 70%);
105
107
  --wui-menubar-bar-button-iconcolor-over: #353a40;
106
- --wui-menubar-bar-button-iconcolor-selected: #f6f6fa;
108
+ --wui-menubar-bar-button-iconcolor-selected: #f6f6f6;
107
109
  --wui-menubar-bar-button-iconcolor-disabled: #d5dce3;
108
110
  --wui-menubar-bar-button-textcolor-out: #2d3a47;
109
111
  --wui-menubar-bar-button-textcolor-over: #1f2937;
110
- --wui-menubar-bar-button-textcolor-selected: #f6f6fa;
112
+ --wui-menubar-bar-button-textcolor-selected: #f6f6f6;
111
113
  --wui-menubar-bar-button-textcolor-disabled: #d5dce3;
112
114
  --wui-menubar-expander-bgcolor-out: transparent;
113
115
  --wui-menubar-expander-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
@@ -128,23 +130,25 @@
128
130
  --wui-menubar-submenu-button-iconsize: 24px;
129
131
  --wui-menubar-submenu-button-iconcolor-out: rgb(from #353a40 r g b / 70%);
130
132
  --wui-menubar-submenu-button-iconcolor-over: #353a40;
131
- --wui-menubar-submenu-button-iconcolor-selected: #f6f6fa;
133
+ --wui-menubar-submenu-button-iconcolor-selected: #f6f6f6;
132
134
  --wui-menubar-submenu-button-iconcolor-disabled: #d5dce3;
133
135
  --wui-menubar-submenu-button-textcolor-out: #2d3a47;
134
136
  --wui-menubar-submenu-button-textcolor-over: #1f2937;
135
- --wui-menubar-submenu-button-textcolor-selected: #f6f6fa;
137
+ --wui-menubar-submenu-button-textcolor-selected: #f6f6f6;
136
138
  --wui-menubar-submenu-button-textcolor-disabled: #d5dce3;
137
139
  --wui-menubar-tooltip-bgcolor: #000;
138
140
  --wui-menubar-tooltip-textcolor: #fff;
139
141
  --wui-menubar-bubble-bgcolor: #f44343;
140
142
  --wui-menubar-bubble-textcolor: #fff;
143
+ --wui-menubar-mobile-bar-horizpadding: 10px;
144
+ --wui-menubar-mobile-bar-vertpadding: 0px;
141
145
  --wui-menubar-mobile-opener-closeicon-src: none;
142
146
 
143
147
  /* wui-list */
144
148
 
145
149
  --wui-list-shadowcolor: #959da5;
146
150
  --wui-list-borderradius: 10px;
147
- --wui-list-borderwidth: 0;
151
+ --wui-list-borderwidth: 0px;
148
152
  --wui-list-bordercolor: #f0f0f3;
149
153
  --wui-list-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
150
154
  --wui-list-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
@@ -153,13 +157,13 @@
153
157
  --wui-list-row-bordercolor-out: #f0f0f3;
154
158
  --wui-list-row-bordercolor-over: #f0f0f3;
155
159
  --wui-list-row-bgcolor-out: #fdfdfe;
156
- --wui-list-row-bgcolor-over: #f6f6fa;
160
+ --wui-list-row-bgcolor-over: #f6f6f6;
157
161
  --wui-list-row-textcolor-out: #2d3a47;
158
162
  --wui-list-row-textcolor-over: #1f2937;
159
163
  --wui-list-row-textcolor-disabled: #d5dce3;
160
164
  --wui-list-innerrow-borderwidth: 1px;
161
165
  --wui-list-innerrow-bordercolor: #f0f0f3;
162
- --wui-list-innerrow-bgcolor: rgb(from #f6f6fa r g b / 20%);
166
+ --wui-list-innerrow-bgcolor: rgb(from #f6f6f6 r g b / 20%);
163
167
  --wui-list-innerrow-textcolor: rgb(from #2d3a47 r g b / 60%);
164
168
  --wui-list-buttons-bgcolor: transparent;
165
169
  --wui-list-button-size: 48px;
@@ -170,17 +174,20 @@
170
174
 
171
175
  /* wui-table */
172
176
 
177
+ --wui-table-width: auto;
173
178
  --wui-table-shadowcolor: #959da5;
174
179
  --wui-table-borderradius: 10px;
175
180
  --wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
176
181
  --wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
177
- --wui-table-column-bordercolor-width: 1px;
182
+ --wui-table-column-borderwidth: 1px;
178
183
  --wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
179
184
  --wui-table-column-bordercolor-over: #1e90ff;
180
185
  --wui-table-column-bordercolor-selected: #1e90ff;
181
- --wui-table-column-bgcolor-out: #f6f6fa;
182
- --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;
183
189
  --wui-table-column-bgcolor-selected: #1e90ff;
190
+ --wui-table-column-bgcolor-disabled: var(--wuiplugin-theme-bordercolor-low-light);
184
191
  --wui-table-column-textcolor-out: #444;
185
192
  --wui-table-column-textcolor-over: #000;
186
193
  --wui-table-column-textcolor-selected: #1e90ff;
@@ -195,18 +202,18 @@
195
202
  --wui-table-column-resizer-bordercolor-over: rgb(from #1e90ff r g b / 10%);
196
203
  --wui-table-column-dragger-bordercolor-over: #444;
197
204
  --wui-table-column-dragger-bgcolor-drop: rgb(from #1e90ff r g b / 10%);
198
- --wui-table-row-bordercolor-width: 1px;
205
+ --wui-table-row-borderwidth: 1px;
199
206
  --wui-table-row-bordercolor-out: #f0f0f3;
200
207
  --wui-table-row-bordercolor-over: #f0f0f3;
201
208
  --wui-table-row-bordercolor-selected: #1e90ff;
202
209
  --wui-table-row-bordercolor-disabled: #f0f0f3;
203
210
  --wui-table-row-bgcolor-out: #fdfdfe;
204
- --wui-table-row-bgcolor-over: #f6f6fa;
211
+ --wui-table-row-bgcolor-over: #f6f6f6;
205
212
  --wui-table-row-bgcolor-selected: #1e90ff;
206
213
  --wui-table-row-bgcolor-disabled: transparent;
207
214
  --wui-table-row-textcolor-out: #2d3a47;
208
215
  --wui-table-row-textcolor-over: #1f2937;
209
- --wui-table-row-textcolor-selected: #f6f6fa;
216
+ --wui-table-row-textcolor-selected: #f6f6f6;
210
217
  --wui-table-row-textcolor-disabled: #d5dce3;
211
218
 
212
219
  /* wui-form */
@@ -230,8 +237,8 @@
230
237
  --wui-form-input-bordercolor-focus: #1e90ff;
231
238
  --wui-form-input-bordercolor-invalid: #f44343;
232
239
  --wui-form-input-bordercolor-disabled: #d5dce3;
233
- --wui-form-input-bgcolor-out: #f6f6fa;
234
- --wui-form-input-bgcolor-focus: #f6f6fa;
240
+ --wui-form-input-bgcolor-out: #f6f6f6;
241
+ --wui-form-input-bgcolor-focus: #f6f6f6;
235
242
  --wui-form-input-bgcolor-disabled: #d5dce3;
236
243
  --wui-form-input-textcolor-out: #2d3a47;
237
244
  --wui-form-input-textcolor-over: #1f2937;
@@ -257,8 +264,8 @@
257
264
  --wui-form-range-trackbar-bordercolor-out: #f0f0f3;
258
265
  --wui-form-range-trackbar-bordercolor-focus: #1e90ff;
259
266
  --wui-form-range-trackbar-bordercolor-disabled: #d5dce3;
260
- --wui-form-range-trackbar-bgcolor-out: #f6f6fa;
261
- --wui-form-range-trackbar-bgcolor-focus: #f6f6fa;
267
+ --wui-form-range-trackbar-bgcolor-out: #f6f6f6;
268
+ --wui-form-range-trackbar-bgcolor-focus: #f6f6f6;
262
269
  --wui-form-range-trackbar-bgcolor-disabled: #d5dce3;
263
270
  --wui-form-select-opener-iconsize: 30px;
264
271
  --wui-form-select-opener-iconcolor-out: #000;
@@ -271,7 +278,8 @@
271
278
  --wui-form-progress-borderwidth: 1px;
272
279
  --wui-form-progress-bordercolor: #f0f0f3;
273
280
  --wui-form-progress-valuecolor: #1e90ff;
274
- --wui-form-progress-bgcolor: #f6f6fa;
281
+ --wui-form-progress-bgcolor: #f6f6f6;
282
+ --wui-form-button-minwidth: 100px;
275
283
  --wui-form-text-textcolor-out: #888;
276
284
  --wui-form-text-textcolor-disabled: #d5dce3;
277
285
  --wui-form-text-linkcolor-out: #1e90ff;
@@ -283,9 +291,8 @@
283
291
  --wui-form-message-highlight-textcolor: #fff;
284
292
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
285
293
  --wui-form-mobile-label-textcolor: #444;
286
- --wui-form-mobile-input-height: 40px;
287
- --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
288
294
  --wui-form-mobile-input-height: 34px;
295
+ --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
289
296
  --wui-form-mobile-input-borderradius: 15px;
290
297
 
291
298
  /* wui-selectpicker */
@@ -293,7 +300,7 @@
293
300
  --wui-selectpicker-borderradius: 10px;
294
301
  --wui-selectpicker-borderwidth: 0px;
295
302
  --wui-selectpicker-bordercolor: transparent;
296
- --wui-selectpicker-bgcolor: #f6f6fa;
303
+ --wui-selectpicker-bgcolor: #f6f6f6;
297
304
  --wui-selectpicker-opener-iconsize: 30px;
298
305
  --wui-selectpicker-opener-iconcolor-out: #000;
299
306
  --wui-selectpicker-opener-iconcolor-over: #1e90ff;
@@ -314,7 +321,7 @@
314
321
  --wui-selectpicker-box-option-bordercolor-out: #f0f0f3;
315
322
  --wui-selectpicker-box-option-bordercolor-over: #f0f0f3;
316
323
  --wui-selectpicker-box-option-bgcolor-out: transparent;
317
- --wui-selectpicker-box-option-bgcolor-over: #f6f6fa;
324
+ --wui-selectpicker-box-option-bgcolor-over: #f6f6f6;
318
325
  --wui-selectpicker-box-option-iconsize: 24px;
319
326
  --wui-selectpicker-box-option-iconcolor-out: #1e90ff;
320
327
  --wui-selectpicker-box-option-iconcolor-over: #1e90ff;
@@ -338,7 +345,7 @@
338
345
  --wui-datepicker-borderradius: 10px;
339
346
  --wui-datepicker-borderwidth: 0px;
340
347
  --wui-datepicker-bordercolor: transparent;
341
- --wui-datepicker-bgcolor: #f6f6fa;
348
+ --wui-datepicker-bgcolor: #f6f6f6;
342
349
  --wui-datepicker-opener-iconsize: 30px;
343
350
  --wui-datepicker-opener-iconcolor-out: #000;
344
351
  --wui-datepicker-opener-iconcolor-over: #1e90ff;
@@ -387,7 +394,7 @@
387
394
  --wui-timepicker-borderradius: 10px;
388
395
  --wui-timepicker-borderwidth: 0px;
389
396
  --wui-timepicker-bordercolor: transparent;
390
- --wui-timepicker-bgcolor: #f6f6fa;
397
+ --wui-timepicker-bgcolor: #f6f6f6;
391
398
  --wui-timepicker-opener-iconsize: 30px;
392
399
  --wui-timepicker-opener-iconcolor-out: #000;
393
400
  --wui-timepicker-opener-iconcolor-over: #1e90ff;
@@ -425,7 +432,6 @@
425
432
  --wui-colorpicker-viewbutton-size: 30px;
426
433
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from #1e90ff r g b / 20%);
427
434
  --wui-colorpicker-viewbutton-bordercolor-over: #1e90ff;
428
- --wui-colorpicker-viewbutton-bordercolor-invalid: #f44343;
429
435
  --wui-colorpicker-viewbutton-bordercolor-disabled: #d5dce3;
430
436
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
431
437
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -444,7 +450,7 @@
444
450
  --wui-colorpicker-box-option-bordercolor-out: #f0f0f3;
445
451
  --wui-colorpicker-box-option-bordercolor-over: #f0f0f3;
446
452
  --wui-colorpicker-box-option-bgcolor-out: transparent;
447
- --wui-colorpicker-box-option-bgcolor-over: #f6f6fa;
453
+ --wui-colorpicker-box-option-bgcolor-over: #f6f6f6;
448
454
  --wui-colorpicker-box-option-bgcolor-selected: #1e90ff;
449
455
  --wui-colorpicker-box-option-textcolor-out: #000;
450
456
  --wui-colorpicker-box-option-textcolor-over: #1e90ff;
@@ -461,7 +467,6 @@
461
467
  --wui-switch-bordercolor-out: rgb(from #1e90ff r g b / 20%);
462
468
  --wui-switch-bordercolor-over: #1e90ff;
463
469
  --wui-switch-bordercolor-activated: #1e90ff;
464
- --wui-switch-bordercolor-invalid: #f44343;
465
470
  --wui-switch-bordercolor-disabled: #d5dce3;
466
471
  --wui-switch-bgcolor-out: rgb(from #1e90ff r g b / 4%);
467
472
  --wui-switch-bgcolor-over: rgb(from #1e90ff r g b / 4%);
@@ -471,9 +476,9 @@
471
476
  --wui-switch-button-bordercolor-over: #1e90ff;
472
477
  --wui-switch-button-bordercolor-activated: #1e90ff;
473
478
  --wui-switch-button-bordercolor-disabled: #d5dce3;
474
- --wui-switch-button-bgcolor-out: #f6f6fa;
479
+ --wui-switch-button-bgcolor-out: #f6f6f6;
475
480
  --wui-switch-button-bgcolor-over: rgb(from #1e90ff r g b / 4%);
476
- --wui-switch-button-bgcolor-activated: #f6f6fa;
481
+ --wui-switch-button-bgcolor-activated: #f6f6f6;
477
482
  --wui-switch-button-bgcolor-disabled: #d5dce3;
478
483
 
479
484
  /* wui-intensity */
@@ -482,7 +487,7 @@
482
487
  --wui-intensity-borderradius: 15px;
483
488
  --wui-intensity-bordercolor-out: rgb(from #1e90ff r g b / 20%);
484
489
  --wui-intensity-bordercolor-disabled: #d5dce3;
485
- --wui-intensity-bgcolor-none: #f6f6fa;
490
+ --wui-intensity-bgcolor-none: #f6f6f6;
486
491
  --wui-intensity-bgcolor-low: mediumaquamarine;
487
492
  --wui-intensity-bgcolor-half: darkorange;
488
493
  --wui-intensity-bgcolor-high: orangered;
@@ -491,6 +496,7 @@
491
496
 
492
497
  --wui-button-default-minwidth: 200px;
493
498
  --wui-button-default-height: 34px;
499
+ --wui-button-default-borderwidth: 1px;
494
500
  --wui-button-default-bordercolor-out: rgb(from #1e90ff r g b / 20%);
495
501
  --wui-button-default-bordercolor-over: #1e90ff;
496
502
  --wui-button-default-bordercolor-selected: #1e90ff;
@@ -499,6 +505,8 @@
499
505
  --wui-button-default-bgcolor-over: transparent;
500
506
  --wui-button-default-bgcolor-selected: #1e90ff;
501
507
  --wui-button-default-bgcolor-disabled: transparent;
508
+ --wui-button-default-horizpadding: 20px;
509
+ --wui-button-default-vertpadding: 0px;
502
510
  --wui-button-default-textcolor-out: #1e90ff;
503
511
  --wui-button-default-textcolor-over: #1e90ff;
504
512
  --wui-button-default-textcolor-selected: #fff;
@@ -532,10 +540,68 @@
532
540
  --wui-button-warning-textcolor-selected: #fff;
533
541
  --wui-button-warning-textcolor-disabled: #d5dce3;
534
542
  --wui-button-icon-float-padding: 5px;
543
+ --wui-button-mobile-default-minwidth: 40px;
535
544
  --wui-button-mobile-default-height: 40px;
536
545
  --wui-button-mobile-submit-height: 40px;
537
546
  --wui-button-mobile-icon-float-padding: 10px;
538
- --wui-button-form-default-minwidth: 100px;
547
+
548
+ /* wui-markdown (lab) */
549
+
550
+ --wui-markdown-table-valign: center;
551
+ --wui-markdown-table-borderradius: 5px;
552
+ --wui-markdown-table-bordercolor: #d5dce3;
553
+ --wui-markdown-table-scroll-width: 4px;
554
+ --wui-markdown-table-scroll-bgcolor-out: #ccc;
555
+ --wui-markdown-table-scroll-bgcolor-over: #888;
556
+ --wui-markdown-table-header-bordercolor: #ccc;
557
+ --wui-markdown-table-header-textalign: left;
558
+ --wui-markdown-table-rows-bordercolor: #d5dce3;
559
+ --wui-markdown-table-rows-bgcolor-even: #f6f6f6;
560
+ --wui-markdown-table-rows-bgcolor-over: #efeff6;
561
+ --wui-markdown-blockquote-marginbottom: 10px;
562
+ --wui-markdown-blockquote-iconsize: 16px;
563
+ --wui-markdown-blockquote-radius: 0px;
564
+ --wui-markdown-blockquote-border: 0px;
565
+ --wui-markdown-blockquote-borderleft: 3px;
566
+ --wui-markdown-blockquote-bordercolor: transparent;
567
+ --wui-markdown-blockquote-padding: 10px;
568
+ --wui-markdown-blockquote-note-bordercolor: #1e90ff;
569
+ --wui-markdown-blockquote-note-src: none;
570
+ --wui-markdown-blockquote-tip-bordercolor: mediumaquamarine;
571
+ --wui-markdown-blockquote-tip-src: none;
572
+ --wui-markdown-blockquote-important-bordercolor: blueviolet;
573
+ --wui-markdown-blockquote-important-src: none;
574
+ --wui-markdown-blockquote-warning-bordercolor: darkorange;
575
+ --wui-markdown-blockquote-warning-src: none;
576
+ --wui-markdown-blockquote-caution-bordercolor: orangered;
577
+ --wui-markdown-blockquote-caution-src: none;
578
+ --wui-markdown-blockquote-bgcolor: transparent;
579
+ --wui-markdown-code-borderradius: 5px;
580
+ --wui-markdown-code-bordercolor: #d5dce3;
581
+ --wui-markdown-code-bgcolor: #f0f0f3;
582
+ --wui-markdown-pre-maxheight: 50vh;
583
+ --wui-markdown-pre-borderradius: 5px;
584
+ --wui-markdown-pre-bordercolor: #d5dce3;
585
+ --wui-markdown-pre-bgcolor: #f6f6f6;
586
+ --wui-markdown-pre-scroll-width: 4px;
587
+ --wui-markdown-pre-scroll-bgcolor-out: #b5bbc1;
588
+ --wui-markdown-pre-scroll-bgcolor-over: #959da5;
589
+ --wui-markdown-pre-textcolor: #2d3a47;
590
+ --wui-markdown-link-textcolor-out: #1e90ff;
591
+ --wui-markdown-link-textcolor-hover: #1e90ff;
592
+ --wui-markdown-link-textdecoration-out: none;
593
+ --wui-markdown-link-textdecoration-hover: underline;
594
+
595
+ /* wui-codeview (lab) */
596
+
597
+ --wui-codeview-maxheight: 50vh;
598
+ --wui-codeview-borderradius: 5px;
599
+ --wui-codeview-bordercolor: #d5dce3;
600
+ --wui-codeview-bgcolor: #f6f6f6;
601
+ --wui-codeview-scroll-width: 4px;
602
+ --wui-codeview-scroll-bgcolor-out: #b5bbc1;
603
+ --wui-codeview-scroll-bgcolor-over: #959da5;
604
+ --wui-codeview-textcolor: #2d3a47;
539
605
 
540
606
  /* wuiplugin-selector */
541
607
 
@@ -544,7 +610,7 @@
544
610
  --wuiplugin-selector-option-bordercolor-out: #f0f0f3;
545
611
  --wuiplugin-selector-option-bordercolor-over: #f0f0f3;
546
612
  --wuiplugin-selector-option-bgcolor-out: transparent;
547
- --wuiplugin-selector-option-bgcolor-over: #f6f6fa;
613
+ --wuiplugin-selector-option-bgcolor-over: #f6f6f6;
548
614
  --wuiplugin-selector-option-iconcolor-out: #1e90ff;
549
615
  --wuiplugin-selector-option-iconcolor-over: #1e90ff;
550
616
  --wuiplugin-selector-option-iconcolor-disabled: #d5dce3;
package/themes/default/{settings-0.2.css → settings-0.4.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file theme-0.2.css
3
- * @version 0.2
2
+ * @file theme-0.4.css
3
+ * @version 0.4
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -26,7 +26,7 @@
26
26
  --wuiplugin-theme-bgcolor-overlay-light: #010203;
27
27
  --wuiplugin-theme-bgcolor-box-light: #efeff6;
28
28
  --wuiplugin-theme-bgcolor-out-light: #fdfdfe;
29
- --wuiplugin-theme-bgcolor-over-light: #f6f6fa;
29
+ --wuiplugin-theme-bgcolor-over-light: #f6f6f6;
30
30
  --wuiplugin-theme-bgcolor-scroll-light: #353a40;
31
31
  --wuiplugin-theme-bgcolor-icon-light: #353a40;
32
32
  --wuiplugin-theme-bgcolor-highcontrast-light: #1f2429;
package/themes/{wuiplugin-themes-0.3.css → wuiplugin-themes-0.5.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.3.css
3
- * @version 0.3
2
+ * @file wuiplugin-themes-0.5.css
3
+ * @version 0.5
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -63,6 +63,8 @@
63
63
  --wui-modal-slidepage-box-margin: 10px;
64
64
  --wui-modal-smallpage-box-width: 340px;
65
65
  --wui-modal-smallpage-box-height: 280px;
66
+ --wui-modal-mobile-page-box-topmargin: 0px;
67
+ --wui-modal-mobile-page-box-borderradius-maximized: 0px;
66
68
 
67
69
  /* wui-paging */
68
70
 
@@ -136,13 +138,15 @@
136
138
  --wui-menubar-tooltip-textcolor: #fff;
137
139
  --wui-menubar-bubble-bgcolor: var(--wuiplugin-theme-utilitycolor-warning);
138
140
  --wui-menubar-bubble-textcolor: #fff;
141
+ --wui-menubar-mobile-bar-horizpadding: 10px;
142
+ --wui-menubar-mobile-bar-vertpadding: 0px;
139
143
  --wui-menubar-mobile-opener-closeicon-src: none;
140
144
 
141
145
  /* wui-list */
142
146
 
143
147
  --wui-list-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
144
148
  --wui-list-borderradius: var(--wuiplugin-theme-borderradius-low);
145
- --wui-list-borderwidth: 0;
149
+ --wui-list-borderwidth: 0px;
146
150
  --wui-list-bordercolor: var(--wuiplugin-theme-bordercolor-low);
147
151
  --wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
148
152
  --wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
@@ -168,17 +172,20 @@
168
172
 
169
173
  /* wui-table */
170
174
 
175
+ --wui-table-width: auto;
171
176
  --wui-table-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
172
177
  --wui-table-borderradius: var(--wuiplugin-theme-borderradius-low);
173
178
  --wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
174
179
  --wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
175
- --wui-table-column-bordercolor-width: 1px;
180
+ --wui-table-column-borderwidth: 1px;
176
181
  --wui-table-column-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
177
182
  --wui-table-column-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
178
183
  --wui-table-column-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
184
+ --wui-table-column-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
179
185
  --wui-table-column-bgcolor-out: var(--wuiplugin-theme-bgcolor-over);
180
186
  --wui-table-column-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
181
187
  --wui-table-column-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
188
+ --wui-table-column-bgcolor-disabled: var(--wuiplugin-theme-bordercolor-low-light);
182
189
  --wui-table-column-textcolor-out: var(--wuiplugin-theme-graycolor-low);
183
190
  --wui-table-column-textcolor-over: var(--wuiplugin-theme-graycolor-min);
184
191
  --wui-table-column-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -193,7 +200,7 @@
193
200
  --wui-table-column-resizer-bordercolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
194
201
  --wui-table-column-dragger-bordercolor-over: var(--wuiplugin-theme-graycolor-low);
195
202
  --wui-table-column-dragger-bgcolor-drop: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
196
- --wui-table-row-bordercolor-width: 1px;
203
+ --wui-table-row-borderwidth: 1px;
197
204
  --wui-table-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
198
205
  --wui-table-row-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
199
206
  --wui-table-row-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -270,6 +277,7 @@
270
277
  --wui-form-progress-bordercolor: var(--wuiplugin-theme-bordercolor-low);
271
278
  --wui-form-progress-valuecolor: var(--wuiplugin-theme-utilitycolor-hightlight);
272
279
  --wui-form-progress-bgcolor: var(--wuiplugin-theme-bgcolor-over);
280
+ --wui-form-button-minwidth: 100px;
273
281
  --wui-form-text-textcolor-out: var(--wuiplugin-theme-graycolor-half);
274
282
  --wui-form-text-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
275
283
  --wui-form-text-linkcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -281,9 +289,8 @@
281
289
  --wui-form-message-highlight-textcolor: var(--wuiplugin-theme-graycolor-max);
282
290
  --wui-form-mobile-field-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
283
291
  --wui-form-mobile-label-textcolor: var(--wuiplugin-theme-graycolor-low);
284
- --wui-form-mobile-input-height: 40px;
285
- --wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
286
292
  --wui-form-mobile-input-height: 34px;
293
+ --wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
287
294
  --wui-form-mobile-input-borderradius: var(--wuiplugin-theme-borderradius-half);
288
295
 
289
296
  /* wui-selectpicker */
@@ -423,7 +430,6 @@
423
430
  --wui-colorpicker-viewbutton-size: 30px;
424
431
  --wui-colorpicker-viewbutton-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
425
432
  --wui-colorpicker-viewbutton-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
426
- --wui-colorpicker-viewbutton-bordercolor-invalid: var(--wuiplugin-theme-utilitycolor-warning);
427
433
  --wui-colorpicker-viewbutton-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
428
434
  --wui-colorpicker-viewbutton-bgcolor-out: transparent;
429
435
  --wui-colorpicker-viewbutton-bgcolor-over: transparent;
@@ -459,7 +465,6 @@
459
465
  --wui-switch-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
460
466
  --wui-switch-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
461
467
  --wui-switch-bordercolor-activated: var(--wuiplugin-theme-utilitycolor-hightlight);
462
- --wui-switch-bordercolor-invalid: var(--wuiplugin-theme-utilitycolor-warning);
463
468
  --wui-switch-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
464
469
  --wui-switch-bgcolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
465
470
  --wui-switch-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
@@ -489,6 +494,7 @@
489
494
 
490
495
  --wui-button-default-minwidth: 200px;
491
496
  --wui-button-default-height: 34px;
497
+ --wui-button-default-borderwidth: 1px;
492
498
  --wui-button-default-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
493
499
  --wui-button-default-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
494
500
  --wui-button-default-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -497,6 +503,8 @@
497
503
  --wui-button-default-bgcolor-over: transparent;
498
504
  --wui-button-default-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
499
505
  --wui-button-default-bgcolor-disabled: transparent;
506
+ --wui-button-default-horizpadding: 20px;
507
+ --wui-button-default-vertpadding: 0px;
500
508
  --wui-button-default-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
501
509
  --wui-button-default-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
502
510
  --wui-button-default-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
@@ -530,10 +538,68 @@
530
538
  --wui-button-warning-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
531
539
  --wui-button-warning-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
532
540
  --wui-button-icon-float-padding: 5px;
541
+ --wui-button-mobile-default-minwidth: 40px;
533
542
  --wui-button-mobile-default-height: 40px;
534
543
  --wui-button-mobile-submit-height: 40px;
535
544
  --wui-button-mobile-icon-float-padding: 10px;
536
- --wui-button-form-default-minwidth: 100px;
545
+
546
+ /* wui-markdown (lab) */
547
+
548
+ --wui-markdown-table-valign: center;
549
+ --wui-markdown-table-borderradius: 5px;
550
+ --wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
551
+ --wui-markdown-table-scroll-width: 4px;
552
+ --wui-markdown-table-scroll-bgcolor-out: var(--wuiplugin-theme-graycolor-high);
553
+ --wui-markdown-table-scroll-bgcolor-over: var(--wuiplugin-theme-graycolor-half);
554
+ --wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
555
+ --wui-markdown-table-header-textalign: left;
556
+ --wui-markdown-table-rows-bordercolor: var(--wuiplugin-theme-bordercolor-high);
557
+ --wui-markdown-table-rows-bgcolor-even: var(--wuiplugin-theme-bgcolor-over);
558
+ --wui-markdown-table-rows-bgcolor-over: var(--wuiplugin-theme-bgcolor-box);
559
+ --wui-markdown-blockquote-marginbottom: 10px;
560
+ --wui-markdown-blockquote-iconsize: 16px;
561
+ --wui-markdown-blockquote-radius: 0px;
562
+ --wui-markdown-blockquote-border: 0px;
563
+ --wui-markdown-blockquote-borderleft: 3px;
564
+ --wui-markdown-blockquote-bordercolor: transparent;
565
+ --wui-markdown-blockquote-padding: 10px;
566
+ --wui-markdown-blockquote-note-bordercolor: var(--wuiplugin-theme-utilitycolor-hightlight);
567
+ --wui-markdown-blockquote-note-src: none;
568
+ --wui-markdown-blockquote-tip-bordercolor: var(--wuiplugin-theme-intencitycolor-low);
569
+ --wui-markdown-blockquote-tip-src: none;
570
+ --wui-markdown-blockquote-important-bordercolor: blueviolet;
571
+ --wui-markdown-blockquote-important-src: none;
572
+ --wui-markdown-blockquote-warning-bordercolor: var(--wuiplugin-theme-intencitycolor-half);
573
+ --wui-markdown-blockquote-warning-src: none;
574
+ --wui-markdown-blockquote-caution-bordercolor: var(--wuiplugin-theme-intencitycolor-high);
575
+ --wui-markdown-blockquote-caution-src: none;
576
+ --wui-markdown-blockquote-bgcolor: transparent;
577
+ --wui-markdown-code-borderradius: 5px;
578
+ --wui-markdown-code-bordercolor: var(--wuiplugin-theme-bordercolor-high);
579
+ --wui-markdown-code-bgcolor: var(--wuiplugin-theme-bordercolor-low);
580
+ --wui-markdown-pre-maxheight: 50vh;
581
+ --wui-markdown-pre-borderradius: 5px;
582
+ --wui-markdown-pre-bordercolor: var(--wuiplugin-theme-bordercolor-high);
583
+ --wui-markdown-pre-bgcolor: var(--wuiplugin-theme-bgcolor-over);
584
+ --wui-markdown-pre-scroll-width: 4px;
585
+ --wui-markdown-pre-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
586
+ --wui-markdown-pre-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
587
+ --wui-markdown-pre-textcolor: var(--wuiplugin-theme-textcolor-active);
588
+ --wui-markdown-link-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
589
+ --wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
590
+ --wui-markdown-link-textdecoration-out: none;
591
+ --wui-markdown-link-textdecoration-hover: underline;
592
+
593
+ /* wui-codeview (lab) */
594
+
595
+ --wui-codeview-maxheight: 50vh;
596
+ --wui-codeview-borderradius: 5px;
597
+ --wui-codeview-bordercolor: var(--wuiplugin-theme-bordercolor-high);
598
+ --wui-codeview-bgcolor: var(--wuiplugin-theme-bgcolor-over);
599
+ --wui-codeview-scroll-width: 4px;
600
+ --wui-codeview-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
601
+ --wui-codeview-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
602
+ --wui-codeview-textcolor: var(--wuiplugin-theme-textcolor-active);
537
603
 
538
604
  /* wuiplugin-selector */
539
605
 
package/themes/{wuiplugin-themes-0.3.js → wuiplugin-themes-0.5.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.3.js
2
+ * @file wuiplugin-themes-0.5.js
3
3
  * @class WUIPluginThemes
4
- * @version 0.3
4
+ * @version 0.5
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.3";
11
+ static version = "0.5";
12
12
 
13
13
  getScheme() {
14
14
  return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();