@wui-js/plugins 0.5.2 → 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.
- package/README.md +6 -4
- package/package.json +1 -1
- package/themes/default/{dark-0.3.css → dark-0.4.css} +71 -9
- package/themes/default/{light-0.3.css → light-0.4.css} +96 -34
- package/themes/default/{settings-0.3.css → settings-0.4.css} +3 -3
- package/themes/{wuiplugin-themes-0.4.css → wuiplugin-themes-0.5.css} +71 -9
- package/themes/{wuiplugin-themes-0.4.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
|
|
7
|
+
**License**: `Apache License 2.0`
|
|
8
8
|
|
|
9
|
-
Author
|
|
9
|
+
**Author**: `Sergio E. Belmar V. <wuijs.project@gmail.com>`
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
**Website**: [https://wuijs.dev](https://wuijs.dev)
|
|
12
12
|
|
|
13
|
-
|
|
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,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wui-js/plugins",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
|
|
6
6
|
"description": "WUI/JS Plugins Lib - WUI/JS Plugins Lib is an open-source JavaScript/CSS library that provides a collection of plugins for WUI/JS Main Lib classes.",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @file dark-0.
|
|
3
|
-
* @version 0.
|
|
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
|
*/
|
|
@@ -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-
|
|
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: var(--wuiplugin-theme-bordercolor-low-light);
|
|
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-
|
|
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,68 @@
|
|
|
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
|
-
|
|
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;
|
|
543
605
|
|
|
544
606
|
/* wuiplugin-selector */
|
|
545
607
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @file light-0.
|
|
3
|
-
* @version 0.
|
|
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
|
*/
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
/* wui-tabs */
|
|
84
84
|
|
|
85
85
|
--wui-tabs-tab-bgcolor-out: #fdfdfe;
|
|
86
|
-
--wui-tabs-tab-bgcolor-over: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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 #
|
|
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-
|
|
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-
|
|
186
|
-
--wui-table-column-bgcolor-
|
|
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: var(--wuiplugin-theme-bordercolor-low-light);
|
|
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-
|
|
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: #
|
|
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: #
|
|
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: #
|
|
238
|
-
--wui-form-input-bgcolor-focus: #
|
|
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: #
|
|
265
|
-
--wui-form-range-trackbar-bgcolor-focus: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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: #
|
|
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,68 @@
|
|
|
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
|
-
|
|
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;
|
|
543
605
|
|
|
544
606
|
/* wuiplugin-selector */
|
|
545
607
|
|
|
@@ -548,7 +610,7 @@
|
|
|
548
610
|
--wuiplugin-selector-option-bordercolor-out: #f0f0f3;
|
|
549
611
|
--wuiplugin-selector-option-bordercolor-over: #f0f0f3;
|
|
550
612
|
--wuiplugin-selector-option-bgcolor-out: transparent;
|
|
551
|
-
--wuiplugin-selector-option-bgcolor-over: #
|
|
613
|
+
--wuiplugin-selector-option-bgcolor-over: #f6f6f6;
|
|
552
614
|
--wuiplugin-selector-option-iconcolor-out: #1e90ff;
|
|
553
615
|
--wuiplugin-selector-option-iconcolor-over: #1e90ff;
|
|
554
616
|
--wuiplugin-selector-option-iconcolor-disabled: #d5dce3;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @file theme-0.
|
|
3
|
-
* @version 0.
|
|
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: #
|
|
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;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @file wuiplugin-themes-0.
|
|
3
|
-
* @version 0.
|
|
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
|
*/
|
|
@@ -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-
|
|
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-light);
|
|
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-
|
|
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,68 @@
|
|
|
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
|
-
|
|
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);
|
|
541
603
|
|
|
542
604
|
/* wuiplugin-selector */
|
|
543
605
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/*
|
|
2
|
-
* @file wuiplugin-themes-0.
|
|
2
|
+
* @file wuiplugin-themes-0.5.js
|
|
3
3
|
* @class WUIPluginThemes
|
|
4
|
-
* @version 0.
|
|
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.
|
|
11
|
+
static version = "0.5";
|
|
12
12
|
|
|
13
13
|
getScheme() {
|
|
14
14
|
return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();
|