@wui-js/plugins 0.7.0 → 0.8.0

package/README.md

@@ -7,7 +7,7 @@
 |                      | |
 | -------------------- | ----------- |
 | **Library name**     | `wuijs-plugins-lib` |
-| **Library version**  | `0.7.0` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
+| **Library version**  | `0.8.0` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
 | **NPM package**      | `@wui-js/plugins` |
 | **License**          | `Apache License 2.0` |
 | **Author**           | `Sergio E. Belmar V. <wuijs.project@gmail.com>` |

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wui-js/plugins",
-	"version": "0.7.0",
+	"version": "0.8.0",
 	"license": "Apache-2.0",
 	"author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
 	"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.6.css → dark-0.8.css}

@@ -1,6 +1,6 @@
 /*
- * @file dark-0.6.css
- * @version 0.6
+ * @file dark-0.8.css
+ * @version 0.8
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -42,8 +42,8 @@
 	--wui-modal-title-textfont: Arial, Helvetica, Verdana, sans-serif;
 	--wui-modal-title-textcase: none;
 	--wui-modal-title-textcolor: #fff;
-	--wui-modal-body-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-modal-body-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-modal-footer-bordercolor: transparent;
 	--wui-modal-button-submit-bgcolor-mobile: rgb(from #1f2937 r g b / 20%);
 	--wui-modal-button-submit-textcolor-mobile: #1e90ff;
@@ -72,8 +72,8 @@
 
 	--wui-paging-page-transition-time: .4s;
 	--wui-paging-page-bgcolor: transparent;
-	--wui-paging-page-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-paging-page-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 
 	/* wui-slider */
 
@@ -93,11 +93,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: #1f2937;
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: 10px;
+	--wui-menubar-bar-borderradius: 10px;
 	--wui-menubar-bar-bordercolor: #374151;
 	--wui-menubar-bar-bgcolor-top: #374151;
 	--wui-menubar-bar-bgcolor-bottom: #374151;
+	--wui-menubar-bar-button-borderradius: 10px;
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: 10px;
 	--wui-menubar-submenu-bordercolor: #374151;
 	--wui-menubar-submenu-bgcolor: #1f2937;
+	--wui-menubar-submenu-button-borderradius: 10px;
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,18 +144,38 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: #f44343;
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: #374151;
+	--wui-menubar-mobile-bar-bgcolor-bottom: #374151;
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: #374151;
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: #374151;
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from #d1d5db r g b / 70%);
+	--wui-tree-node-iconcolor-over: #d1d5db;
+	--wui-tree-node-iconcolor-disabled: #4b5563;
+	--wui-tree-node-textcolor-out: #f3f4f6;
+	--wui-tree-node-textcolor-over: #fff;
+	--wui-tree-node-textcolor-disabled: #4b5563;
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: #1f2937;
 	--wui-list-borderradius: 10px;
 	--wui-list-borderwidth: 0px;
 	--wui-list-bordercolor: #374151;
-	--wui-list-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-list-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-list-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-list-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-list-row-height: 44px;
 	--wui-list-row-borderwidth: 1px;
 	--wui-list-row-bordercolor-out: #374151;
@@ -177,8 +201,8 @@
 	--wui-table-width: auto;
 	--wui-table-shadowcolor: #1f2937;
 	--wui-table-borderradius: 10px;
-	--wui-table-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-table-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-table-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-table-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-table-column-borderwidth: 1px;
 	--wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
 	--wui-table-column-bordercolor-over: #1e90ff;
@@ -220,8 +244,8 @@
 
 	--wui-form-header-bordercolor: #4b5563;
 	--wui-form-header-titlecolor: #fff;
-	--wui-form-body-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-form-body-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-form-body-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-form-body-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-form-line-bordercolor: #4b5563;
 	--wui-form-fieldset-bgcolor: #000;
 	--wui-form-legend-texttransform: uppercase;
@@ -299,7 +323,9 @@
 
 	--wui-selectpicker-borderradius: 10px;
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: #374151;
 	--wui-selectpicker-opener-iconsize: 30px;
 	--wui-selectpicker-opener-iconcolor-out: #fff;
@@ -307,23 +333,28 @@
 	--wui-selectpicker-opener-iconcolor-disabled: #4b5563;
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: #f3f4f6;
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: #f3f4f6;
 	--wui-selectpicker-viewinput-textcolor-over: #fff;
 	--wui-selectpicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-selectpicker-box-shadowcolor: #1f2937;
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: 15px;
 	--wui-selectpicker-box-bordercolor: #374151;
 	--wui-selectpicker-box-bgcolor: #1f2937;
-	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-selectpicker-box-option-borderradius: 10px;
 	--wui-selectpicker-box-option-bordercolor-out: #374151;
 	--wui-selectpicker-box-option-bordercolor-over: #374151;
 	--wui-selectpicker-box-option-bgcolor-out: transparent;
 	--wui-selectpicker-box-option-bgcolor-over: #374151;
 	--wui-selectpicker-box-option-iconsize: 24px;
-	--wui-selectpicker-box-option-iconcolor-out: #1e90ff;
+	--wui-selectpicker-box-option-iconcolor-out: #f3f4f6;
 	--wui-selectpicker-box-option-iconcolor-over: #1e90ff;
 	--wui-selectpicker-box-option-iconcolor-selected: #1e90ff;
 	--wui-selectpicker-box-option-iconcolor-disabled: rgb(from #4b5563 r g b / 40%);
@@ -333,18 +364,36 @@
 	--wui-selectpicker-box-option-textcolor-over: #f3f4f6;
 	--wui-selectpicker-box-option-textcolor-selected: #1e90ff;
 	--wui-selectpicker-box-option-textcolor-disabled: rgb(from #4b5563 r g b / 40%);
-	--wui-selectpicker-box-button-bordercolor: #374151;
+	--wui-selectpicker-box-button-maxwidth: 120px;
+	--wui-selectpicker-box-button-height: 34px;
+	--wui-selectpicker-box-button-borderwidth: 1px;
+	--wui-selectpicker-box-button-bordercolor-out: rgb(from #1e90ff r g b / 20%);
+	--wui-selectpicker-box-button-bordercolor-over: #1e90ff;
+	--wui-selectpicker-box-button-bordercolor-selected: #1e90ff;
+	--wui-selectpicker-box-button-bordercolor-disabled: #4b5563;
+	--wui-selectpicker-box-button-bgcolor-out: transparent;
+	--wui-selectpicker-box-button-bgcolor-over: transparent;
+	--wui-selectpicker-box-button-bgcolor-selected: #1e90ff;
+	--wui-selectpicker-box-button-bgcolor-disabled: transparent;
+	--wui-selectpicker-box-button-horizpadding: 20px;
+	--wui-selectpicker-box-button-vertpadding: 0px;
 	--wui-selectpicker-box-button-textcolor-out: #1e90ff;
 	--wui-selectpicker-box-button-textcolor-over: #1e90ff;
+	--wui-selectpicker-box-button-textcolor-selected: #000;
+	--wui-selectpicker-box-button-textcolor-disabled: #4b5563;
+	--wui-selectpicker-box-button-textsize: 15px;
 	--wui-selectpicker-mobile-overlay-bgcolor: rgb(from #000 r g b / 20%);
-	--wui-selectpicker-mobile-box-width: 280px;
+	--wui-selectpicker-mobile-box-width: 300px;
 	--wui-selectpicker-mobile-box-borderradius: 17px;
+	--wui-selectpicker-mobile-box-button-bordercolor: #374151;
 
 	/* wui-datepicker */
 
 	--wui-datepicker-borderradius: 10px;
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: #374151;
 	--wui-datepicker-opener-iconsize: 30px;
 	--wui-datepicker-opener-iconcolor-out: #fff;
@@ -357,6 +406,7 @@
 	--wui-datepicker-viewinput-textcolor-over: #fff;
 	--wui-datepicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-datepicker-box-shadowcolor: #1f2937;
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: 15px;
 	--wui-datepicker-box-bordercolor: #374151;
 	--wui-datepicker-box-bgcolor: rgb(from #1f2937 r g b / 100%);
@@ -393,7 +443,9 @@
 
 	--wui-timepicker-borderradius: 10px;
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: #374151;
 	--wui-timepicker-opener-iconsize: 30px;
 	--wui-timepicker-opener-iconcolor-out: #fff;
@@ -406,11 +458,12 @@
 	--wui-timepicker-viewinput-textcolor-over: #fff;
 	--wui-timepicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-timepicker-box-shadowcolor: #1f2937;
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: 15px;
 	--wui-timepicker-box-bordercolor: #374151;
 	--wui-timepicker-box-bgcolor: rgb(from #000 r g b / 80%);
-	--wui-timepicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-timepicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-timepicker-box-option-bgcolor-now: #374151;
 	--wui-timepicker-box-option-bgcolor-over: rgb(from #1e90ff r g b / 20%);
 	--wui-timepicker-box-option-bgcolor-selected: #1e90ff;
@@ -440,11 +493,12 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: #1f2937;
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: 15px;
 	--wui-colorpicker-box-bordercolor: #374151;
 	--wui-colorpicker-box-bgcolor: rgb(from #000 r g b / 80%);
-	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from #4b5563 r g b / 20%);
-	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from #4b5563 r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-colorpicker-box-tab-textcolor-out: #f3f4f6;
 	--wui-colorpicker-box-tab-textcolor-selected: #1e90ff;
 	--wui-colorpicker-box-option-bordercolor-out: #374151;
@@ -548,12 +602,13 @@
 	/* wui-codebox (lab) */
 
 	--wui-codebox-maxheight: 50vh;
+	--wui-codebox-borderwidth: 1px;
 	--wui-codebox-borderradius: 5px;
 	--wui-codebox-bordercolor: #4b5563;
 	--wui-codebox-bgcolor: #374151;
 	--wui-codebox-scroll-width: 4px;
-	--wui-codebox-scroll-bgcolor-out: #4b5563;
-	--wui-codebox-scroll-bgcolor-over: #1f2937;
+	--wui-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-codebox-copyicon-src: none;
 	--wui-codebox-copyicon-color: #4b5563;
 	--wui-codebox-copiedicon-src: none;
@@ -563,35 +618,33 @@
 	--wui-codebox-linenumber-color: #ccc;
 	--wui-codebox-linenumber-bordercolor: #4b5563;
 	--wui-codebox-textcolor: #f3f4f6;
-	--wui-codebox-token-command: mediumaquamarine;
-	--wui-codebox-token-comment: #7ee787;
-	--wui-codebox-token-string: #a5d6ff;
-	--wui-codebox-token-keyword: #ff7b72;
-	--wui-codebox-token-number: #79c0ff;
-	--wui-codebox-token-tag: #7ee787;
-	--wui-codebox-token-attr: #d2a8ff;
-	--wui-codebox-token-selector: #d2a8ff;
-	--wui-codebox-token-property: #79c0ff;
-	--wui-codebox-token-function: #d2a8ff;
-	--wui-codebox-token-operator: #c9d1d9;
-	--wui-codebox-token-variable: #ffa657;
-	--wui-codebox-token-constant: #79c0ff;
-	--wui-codebox-token-decorator: #d2a8ff;
-	--wui-codebox-token-type: #d2a8ff;
-	--wui-codebox-token-builtin: #79c0ff;
-	--wui-codebox-token-color: #79c0ff;
-	--wui-codebox-token-regex: #a5d6ff;
 
 	/* wui-markdown (lab) */
 
-	--wui-markdown-hr-width: 1px;
-	--wui-markdown-hr-color: #4b5563;
+	--wui-markdown-lineheight: 1.5;
+	--wui-markdown-textfont: sans-serif;
+	--wui-markdown-textweight: normal;
+	--wui-markdown-textcolor: #fff;
+	--wui-markdown-title1-textfont: Arial;
+	--wui-markdown-title1-textsize: 48px;
+	--wui-markdown-title1-textweight: 100;
+	--wui-markdown-title1-textcolor: #f3f4f6;
+	--wui-markdown-title2-textfont: Arial;
+	--wui-markdown-title2-textsize: 30px;
+	--wui-markdown-title2-textweight: 100;
+	--wui-markdown-title2-textcolor: #f3f4f6;
+	--wui-markdown-title3-textfont: Arial;
+	--wui-markdown-title3-textsize: 24px;
+	--wui-markdown-title3-textweight: 100;
+	--wui-markdown-title3-textcolor: #f3f4f6;
+	--wui-markdown-hline-width: 1px;
+	--wui-markdown-hline-color: #4b5563;
 	--wui-markdown-table-valign: center;
 	--wui-markdown-table-borderradius: 5px;
 	--wui-markdown-table-bordercolor: #4b5563;
 	--wui-markdown-table-scroll-width: 4px;
-	--wui-markdown-table-scroll-bgcolor-out: #444;
-	--wui-markdown-table-scroll-bgcolor-over: #888;
+	--wui-markdown-table-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-markdown-table-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
 	--wui-markdown-table-header-bordercolor: #444;
 	--wui-markdown-table-header-textalign: left;
 	--wui-markdown-table-rows-bordercolor: #4b5563;
@@ -602,6 +655,7 @@
 	--wui-markdown-blockquote-border: 0px;
 	--wui-markdown-blockquote-borderleft: 3px;
 	--wui-markdown-blockquote-bordercolor: transparent;
+	--wui-markdown-blockquote-bgcolor: transparent;
 	--wui-markdown-blockquote-padding: 10px;
 	--wui-markdown-blockquote-note-altcolor: #1e90ff;
 	--wui-markdown-blockquote-noteicon-src: none;
@@ -616,14 +670,14 @@
 	--wui-markdown-code-borderradius: 5px;
 	--wui-markdown-code-bordercolor: #4b5563;
 	--wui-markdown-code-bgcolor: #374151;
-	--wui-markdown-pre-maxheight: 50vh;
-	--wui-markdown-pre-borderradius: 5px;
-	--wui-markdown-pre-bordercolor: #4b5563;
-	--wui-markdown-pre-bgcolor: #374151;
-	--wui-markdown-pre-scroll-width: 4px;
-	--wui-markdown-pre-scroll-bgcolor-out: #4b5563;
-	--wui-markdown-pre-scroll-bgcolor-over: #1f2937;
-	--wui-markdown-pre-textcolor: #f3f4f6;
+	--wui-markdown-codebox-maxheight: 50vh;
+	--wui-markdown-codebox-borderradius: 5px;
+	--wui-markdown-codebox-bordercolor: #4b5563;
+	--wui-markdown-codebox-bgcolor: #374151;
+	--wui-markdown-codebox-scroll-width: 4px;
+	--wui-markdown-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
+	--wui-markdown-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
+	--wui-markdown-codebox-textcolor: #f3f4f6;
 	--wui-markdown-link-textcolor-out: #1e90ff;
 	--wui-markdown-link-textcolor-hover: #1e90ff;
 	--wui-markdown-link-textdecoration-out: none;

package/themes/default/{light-0.6.css → light-0.8.css}

@@ -1,6 +1,6 @@
 /*
- * @file light-0.6.css
- * @version 0.6
+ * @file light-0.8.css
+ * @version 0.8
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -42,8 +42,8 @@
 	--wui-modal-title-textfont: Arial, Helvetica, Verdana, sans-serif;
 	--wui-modal-title-textcase: none;
 	--wui-modal-title-textcolor: #000;
-	--wui-modal-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-modal-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-modal-footer-bordercolor: transparent;
 	--wui-modal-button-submit-bgcolor-mobile: rgb(from #959da5 r g b / 20%);
 	--wui-modal-button-submit-textcolor-mobile: #1e90ff;
@@ -72,8 +72,8 @@
 
 	--wui-paging-page-transition-time: .4s;
 	--wui-paging-page-bgcolor: transparent;
-	--wui-paging-page-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-paging-page-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 
 	/* wui-slider */
 
@@ -93,11 +93,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: #959da5;
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: 10px;
+	--wui-menubar-bar-borderradius: 10px;
 	--wui-menubar-bar-bordercolor: #f0f0f3;
 	--wui-menubar-bar-bgcolor-top: #f0f0f3;
 	--wui-menubar-bar-bgcolor-bottom: #f0f0f3;
+	--wui-menubar-bar-button-borderradius: 10px;
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: 10px;
 	--wui-menubar-submenu-bordercolor: #f0f0f3;
 	--wui-menubar-submenu-bgcolor: #fdfdfe;
+	--wui-menubar-submenu-button-borderradius: 10px;
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,18 +144,38 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: #f44343;
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: #f0f0f3;
+	--wui-menubar-mobile-bar-bgcolor-bottom: #f0f0f3;
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: #f6f6f6;
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: #f6f6f6;
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from #353a40 r g b / 70%);
+	--wui-tree-node-iconcolor-over: #353a40;
+	--wui-tree-node-iconcolor-disabled: #d5dce3;
+	--wui-tree-node-textcolor-out: #2d3a47;
+	--wui-tree-node-textcolor-over: #1f2937;
+	--wui-tree-node-textcolor-disabled: #d5dce3;
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: #959da5;
 	--wui-list-borderradius: 10px;
 	--wui-list-borderwidth: 0px;
 	--wui-list-bordercolor: #f0f0f3;
-	--wui-list-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-list-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-list-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-list-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-list-row-height: 44px;
 	--wui-list-row-borderwidth: 1px;
 	--wui-list-row-bordercolor-out: #f0f0f3;
@@ -177,8 +201,8 @@
 	--wui-table-width: auto;
 	--wui-table-shadowcolor: #959da5;
 	--wui-table-borderradius: 10px;
-	--wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-table-column-borderwidth: 1px;
 	--wui-table-column-bordercolor-out: rgb(from #1e90ff r g b / 10%);
 	--wui-table-column-bordercolor-over: #1e90ff;
@@ -220,8 +244,8 @@
 
 	--wui-form-header-bordercolor: #d5dce3;
 	--wui-form-header-titlecolor: #000;
-	--wui-form-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-form-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-form-body-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-form-body-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-form-line-bordercolor: #d5dce3;
 	--wui-form-fieldset-bgcolor: #fff;
 	--wui-form-legend-texttransform: uppercase;
@@ -299,7 +323,9 @@
 
 	--wui-selectpicker-borderradius: 10px;
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: #f6f6f6;
 	--wui-selectpicker-opener-iconsize: 30px;
 	--wui-selectpicker-opener-iconcolor-out: #000;
@@ -307,23 +333,28 @@
 	--wui-selectpicker-opener-iconcolor-disabled: #d5dce3;
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: #2d3a47;
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: #2d3a47;
 	--wui-selectpicker-viewinput-textcolor-over: #1f2937;
 	--wui-selectpicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-selectpicker-box-shadowcolor: #959da5;
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: 15px;
 	--wui-selectpicker-box-bordercolor: #f0f0f3;
 	--wui-selectpicker-box-bgcolor: #fdfdfe;
-	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-selectpicker-box-option-borderradius: 10px;
 	--wui-selectpicker-box-option-bordercolor-out: #f0f0f3;
 	--wui-selectpicker-box-option-bordercolor-over: #f0f0f3;
 	--wui-selectpicker-box-option-bgcolor-out: transparent;
 	--wui-selectpicker-box-option-bgcolor-over: #f6f6f6;
 	--wui-selectpicker-box-option-iconsize: 24px;
-	--wui-selectpicker-box-option-iconcolor-out: #1e90ff;
+	--wui-selectpicker-box-option-iconcolor-out: #2d3a47;
 	--wui-selectpicker-box-option-iconcolor-over: #1e90ff;
 	--wui-selectpicker-box-option-iconcolor-selected: #1e90ff;
 	--wui-selectpicker-box-option-iconcolor-disabled: rgb(from #d5dce3 r g b / 40%);
@@ -333,18 +364,36 @@
 	--wui-selectpicker-box-option-textcolor-over: #2d3a47;
 	--wui-selectpicker-box-option-textcolor-selected: #1e90ff;
 	--wui-selectpicker-box-option-textcolor-disabled: rgb(from #d5dce3 r g b / 40%);
-	--wui-selectpicker-box-button-bordercolor: #f0f0f3;
+	--wui-selectpicker-box-button-maxwidth: 120px;
+	--wui-selectpicker-box-button-height: 34px;
+	--wui-selectpicker-box-button-borderwidth: 1px;
+	--wui-selectpicker-box-button-bordercolor-out: rgb(from #1e90ff r g b / 20%);
+	--wui-selectpicker-box-button-bordercolor-over: #1e90ff;
+	--wui-selectpicker-box-button-bordercolor-selected: #1e90ff;
+	--wui-selectpicker-box-button-bordercolor-disabled: #d5dce3;
+	--wui-selectpicker-box-button-bgcolor-out: transparent;
+	--wui-selectpicker-box-button-bgcolor-over: transparent;
+	--wui-selectpicker-box-button-bgcolor-selected: #1e90ff;
+	--wui-selectpicker-box-button-bgcolor-disabled: transparent;
+	--wui-selectpicker-box-button-horizpadding: 20px;
+	--wui-selectpicker-box-button-vertpadding: 0px;
 	--wui-selectpicker-box-button-textcolor-out: #1e90ff;
 	--wui-selectpicker-box-button-textcolor-over: #1e90ff;
+	--wui-selectpicker-box-button-textcolor-selected: #fff;
+	--wui-selectpicker-box-button-textcolor-disabled: #d5dce3;
+	--wui-selectpicker-box-button-textsize: 15px;
 	--wui-selectpicker-mobile-overlay-bgcolor: rgb(from #010203 r g b / 20%);
-	--wui-selectpicker-mobile-box-width: 280px;
+	--wui-selectpicker-mobile-box-width: 300px;
 	--wui-selectpicker-mobile-box-borderradius: 17px;
+	--wui-selectpicker-mobile-box-button-bordercolor: #f0f0f3;
 
 	/* wui-datepicker */
 
 	--wui-datepicker-borderradius: 10px;
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: #f6f6f6;
 	--wui-datepicker-opener-iconsize: 30px;
 	--wui-datepicker-opener-iconcolor-out: #000;
@@ -357,6 +406,7 @@
 	--wui-datepicker-viewinput-textcolor-over: #1f2937;
 	--wui-datepicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-datepicker-box-shadowcolor: #959da5;
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: 15px;
 	--wui-datepicker-box-bordercolor: #f0f0f3;
 	--wui-datepicker-box-bgcolor: rgb(from #fdfdfe r g b / 100%);
@@ -393,7 +443,9 @@
 
 	--wui-timepicker-borderradius: 10px;
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: #f6f6f6;
 	--wui-timepicker-opener-iconsize: 30px;
 	--wui-timepicker-opener-iconcolor-out: #000;
@@ -406,11 +458,12 @@
 	--wui-timepicker-viewinput-textcolor-over: #1f2937;
 	--wui-timepicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-timepicker-box-shadowcolor: #959da5;
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: 15px;
 	--wui-timepicker-box-bordercolor: #f0f0f3;
 	--wui-timepicker-box-bgcolor: rgb(from #fff r g b / 80%);
-	--wui-timepicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-timepicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-timepicker-box-option-bgcolor-now: #f0f0f3;
 	--wui-timepicker-box-option-bgcolor-over: rgb(from #1e90ff r g b / 20%);
 	--wui-timepicker-box-option-bgcolor-selected: #1e90ff;
@@ -440,11 +493,12 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: #959da5;
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: 15px;
 	--wui-colorpicker-box-bordercolor: #f0f0f3;
 	--wui-colorpicker-box-bgcolor: rgb(from #fff r g b / 80%);
-	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 20%);
-	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-colorpicker-box-tab-textcolor-out: #2d3a47;
 	--wui-colorpicker-box-tab-textcolor-selected: #1e90ff;
 	--wui-colorpicker-box-option-bordercolor-out: #f0f0f3;
@@ -548,12 +602,13 @@
 	/* wui-codebox (lab) */
 
 	--wui-codebox-maxheight: 50vh;
+	--wui-codebox-borderwidth: 1px;
 	--wui-codebox-borderradius: 5px;
 	--wui-codebox-bordercolor: #d5dce3;
 	--wui-codebox-bgcolor: #f6f6f6;
 	--wui-codebox-scroll-width: 4px;
-	--wui-codebox-scroll-bgcolor-out: #b5bbc1;
-	--wui-codebox-scroll-bgcolor-over: #959da5;
+	--wui-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-codebox-copyicon-src: none;
 	--wui-codebox-copyicon-color: #b5bbc1;
 	--wui-codebox-copiedicon-src: none;
@@ -563,35 +618,33 @@
 	--wui-codebox-linenumber-color: #444;
 	--wui-codebox-linenumber-bordercolor: #d5dce3;
 	--wui-codebox-textcolor: #2d3a47;
-	--wui-codebox-token-command: mediumaquamarine;
-	--wui-codebox-token-comment: #6a737d;
-	--wui-codebox-token-string: #032f62;
-	--wui-codebox-token-keyword: #d73a49;
-	--wui-codebox-token-number: #005cc5;
-	--wui-codebox-token-tag: #22863a;
-	--wui-codebox-token-attr: #6f42c1;
-	--wui-codebox-token-selector: #6f42c1;
-	--wui-codebox-token-property: #005cc5;
-	--wui-codebox-token-function: #6f42c1;
-	--wui-codebox-token-operator: #24292e;
-	--wui-codebox-token-variable: #e36209;
-	--wui-codebox-token-constant: #005cc5;
-	--wui-codebox-token-decorator: #6f42c1;
-	--wui-codebox-token-type: #6f42c1;
-	--wui-codebox-token-builtin: #005cc5;
-	--wui-codebox-token-color: #005cc5;
-	--wui-codebox-token-regex: #032f62;
 
 	/* wui-markdown (lab) */
 
-	--wui-markdown-hr-width: 1px;
-	--wui-markdown-hr-color: #d5dce3;
+	--wui-markdown-lineheight: 1.5;
+	--wui-markdown-textfont: sans-serif;
+	--wui-markdown-textweight: normal;
+	--wui-markdown-textcolor: #1f2937;
+	--wui-markdown-title1-textfont: Arial;
+	--wui-markdown-title1-textsize: 48px;
+	--wui-markdown-title1-textweight: 100;
+	--wui-markdown-title1-textcolor: #2d3a47;
+	--wui-markdown-title2-textfont: Arial;
+	--wui-markdown-title2-textsize: 30px;
+	--wui-markdown-title2-textweight: 100;
+	--wui-markdown-title2-textcolor: #2d3a47;
+	--wui-markdown-title3-textfont: Arial;
+	--wui-markdown-title3-textsize: 24px;
+	--wui-markdown-title3-textweight: 100;
+	--wui-markdown-title3-textcolor: #2d3a47;
+	--wui-markdown-hline-width: 1px;
+	--wui-markdown-hline-color: #d5dce3;
 	--wui-markdown-table-valign: center;
 	--wui-markdown-table-borderradius: 5px;
 	--wui-markdown-table-bordercolor: #d5dce3;
 	--wui-markdown-table-scroll-width: 4px;
-	--wui-markdown-table-scroll-bgcolor-out: #ccc;
-	--wui-markdown-table-scroll-bgcolor-over: #888;
+	--wui-markdown-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-markdown-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
 	--wui-markdown-table-header-bordercolor: #ccc;
 	--wui-markdown-table-header-textalign: left;
 	--wui-markdown-table-rows-bordercolor: #d5dce3;
@@ -602,6 +655,7 @@
 	--wui-markdown-blockquote-border: 0px;
 	--wui-markdown-blockquote-borderleft: 3px;
 	--wui-markdown-blockquote-bordercolor: transparent;
+	--wui-markdown-blockquote-bgcolor: transparent;
 	--wui-markdown-blockquote-padding: 10px;
 	--wui-markdown-blockquote-note-altcolor: #1e90ff;
 	--wui-markdown-blockquote-noteicon-src: none;
@@ -616,14 +670,14 @@
 	--wui-markdown-code-borderradius: 5px;
 	--wui-markdown-code-bordercolor: #d5dce3;
 	--wui-markdown-code-bgcolor: #f0f0f3;
-	--wui-markdown-pre-maxheight: 50vh;
-	--wui-markdown-pre-borderradius: 5px;
-	--wui-markdown-pre-bordercolor: #d5dce3;
-	--wui-markdown-pre-bgcolor: #f6f6f6;
-	--wui-markdown-pre-scroll-width: 4px;
-	--wui-markdown-pre-scroll-bgcolor-out: #b5bbc1;
-	--wui-markdown-pre-scroll-bgcolor-over: #959da5;
-	--wui-markdown-pre-textcolor: #2d3a47;
+	--wui-markdown-codebox-maxheight: 50vh;
+	--wui-markdown-codebox-borderradius: 5px;
+	--wui-markdown-codebox-bordercolor: #d5dce3;
+	--wui-markdown-codebox-bgcolor: #f6f6f6;
+	--wui-markdown-codebox-scroll-width: 4px;
+	--wui-markdown-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
+	--wui-markdown-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
+	--wui-markdown-codebox-textcolor: #2d3a47;
 	--wui-markdown-link-textcolor-out: #1e90ff;
 	--wui-markdown-link-textcolor-hover: #1e90ff;
 	--wui-markdown-link-textdecoration-out: none;

package/themes/default/{settings-0.6.css → settings-0.8.css}

@@ -1,6 +1,6 @@
 /*
- * @file theme-0.6.css
- * @version 0.6
+ * @file theme-0.8.css
+ * @version 0.8
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -49,24 +49,6 @@
 	--wuiplugin-theme-intencitycolor-low-light: mediumaquamarine;
 	--wuiplugin-theme-intencitycolor-half-light: darkorange;
 	--wuiplugin-theme-intencitycolor-high-light: orangered;
-	--wuiplugin-theme-token-command-light: mediumaquamarine;
-	--wuiplugin-theme-token-comment-light: #6a737d;
-	--wuiplugin-theme-token-string-light: #032f62;
-	--wuiplugin-theme-token-keyword-light: #d73a49;
-	--wuiplugin-theme-token-number-light: #005cc5;
-	--wuiplugin-theme-token-tag-light: #22863a;
-	--wuiplugin-theme-token-attr-light: #6f42c1;
-	--wuiplugin-theme-token-selector-light: #6f42c1;
-	--wuiplugin-theme-token-property-light: #005cc5;
-	--wuiplugin-theme-token-function-light: #6f42c1;
-	--wuiplugin-theme-token-operator-light: #24292e;
-	--wuiplugin-theme-token-variable-light: #e36209;
-	--wuiplugin-theme-token-constant-light: #005cc5;
-	--wuiplugin-theme-token-decorator-light: #6f42c1;
-	--wuiplugin-theme-token-type-light: #6f42c1;
-	--wuiplugin-theme-token-builtin-light: #005cc5;
-	--wuiplugin-theme-token-color-light: #005cc5;
-	--wuiplugin-theme-token-regex-light: #032f62;
 
 	/* dark mode */
 
@@ -84,7 +66,7 @@
 	--wuiplugin-theme-bgcolor-box-dark: #2f3a48;
 	--wuiplugin-theme-bgcolor-out-dark: #1f2937;
 	--wuiplugin-theme-bgcolor-over-dark: #374151;
-	--wuiplugin-theme-bgcolor-scroll-dark: #4b5563;
+	--wuiplugin-theme-bgcolor-scroll-dark: #9fa8b6;
 	--wuiplugin-theme-bgcolor-icon-dark: #d1d5db;
 	--wuiplugin-theme-bgcolor-highcontrast-dark: #f9fafb;
 	--wuiplugin-theme-textcolor-title-dark: #fff;
@@ -96,22 +78,4 @@
 	--wuiplugin-theme-intencitycolor-low-dark: mediumaquamarine;
 	--wuiplugin-theme-intencitycolor-half-dark: darkorange;
 	--wuiplugin-theme-intencitycolor-high-dark: orangered;
-	--wuiplugin-theme-token-command-dark: mediumaquamarine;
-	--wuiplugin-theme-token-comment-dark: #7ee787;
-	--wuiplugin-theme-token-string-dark: #a5d6ff;
-	--wuiplugin-theme-token-keyword-dark: #ff7b72;
-	--wuiplugin-theme-token-number-dark: #79c0ff;
-	--wuiplugin-theme-token-tag-dark: #7ee787;
-	--wuiplugin-theme-token-attr-dark: #d2a8ff;
-	--wuiplugin-theme-token-selector-dark: #d2a8ff;
-	--wuiplugin-theme-token-property-dark: #79c0ff;
-	--wuiplugin-theme-token-function-dark: #d2a8ff;
-	--wuiplugin-theme-token-operator-dark: #c9d1d9;
-	--wuiplugin-theme-token-variable-dark: #ffa657;
-	--wuiplugin-theme-token-constant-dark: #79c0ff;
-	--wuiplugin-theme-token-decorator-dark: #d2a8ff;
-	--wuiplugin-theme-token-type-dark: #d2a8ff;
-	--wuiplugin-theme-token-builtin-dark: #79c0ff;
-	--wuiplugin-theme-token-color-dark: #79c0ff;
-	--wuiplugin-theme-token-regex-dark: #a5d6ff;
 }

package/themes/{wuiplugin-themes-0.6.css → wuiplugin-themes-0.8.css}

@@ -1,6 +1,6 @@
 /*
- * @file wuiplugin-themes-0.6.css
- * @version 0.6
+ * @file wuiplugin-themes-0.8.css
+ * @version 0.8
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -40,8 +40,8 @@
 	--wui-modal-title-textfont: var(--wuiplugin-theme-titlefont);
 	--wui-modal-title-textcase: none;
 	--wui-modal-title-textcolor: var(--wuiplugin-theme-graycolor-min);
-	--wui-modal-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-modal-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-modal-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-modal-footer-bordercolor: transparent;
 	--wui-modal-button-submit-bgcolor-mobile: rgb(from var(--wuiplugin-theme-shadowcolor-low) r g b / 20%);
 	--wui-modal-button-submit-textcolor-mobile: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -70,8 +70,8 @@
 
 	--wui-paging-page-transition-time: .4s;
 	--wui-paging-page-bgcolor: transparent;
-	--wui-paging-page-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-paging-page-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-paging-page-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 
 	/* wui-slider */
 
@@ -91,11 +91,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: var(--wuiplugin-theme-borderradius-low);
+	--wui-menubar-bar-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-bar-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
+	--wui-menubar-bar-button-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -119,8 +121,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-submenu-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-submenu-bgcolor: var(--wuiplugin-theme-bgcolor-out);
+	--wui-menubar-submenu-button-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -138,18 +142,38 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: var(--wuiplugin-theme-utilitycolor-warning);
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
+	--wui-menubar-mobile-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: var(--wuiplugin-theme-bgcolor-over);
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
+	--wui-tree-node-iconcolor-over: var(--wuiplugin-theme-bgcolor-icon);
+	--wui-tree-node-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+	--wui-tree-node-textcolor-out: var(--wuiplugin-theme-textcolor-active);
+	--wui-tree-node-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
+	--wui-tree-node-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
 	--wui-list-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-list-borderwidth: 0px;
 	--wui-list-bordercolor: var(--wuiplugin-theme-bordercolor-low);
-	--wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-list-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-list-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-list-row-height: 44px;
 	--wui-list-row-borderwidth: 1px;
 	--wui-list-row-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
@@ -175,8 +199,8 @@
 	--wui-table-width: auto;
 	--wui-table-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
 	--wui-table-borderradius: var(--wuiplugin-theme-borderradius-low);
-	--wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-table-column-borderwidth: 1px;
 	--wui-table-column-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
 	--wui-table-column-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -218,8 +242,8 @@
 
 	--wui-form-header-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-form-header-titlecolor: var(--wuiplugin-theme-textcolor-title);
-	--wui-form-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-form-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-form-body-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-form-body-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-form-line-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-form-fieldset-bgcolor: var(--wuiplugin-theme-graycolor-max);
 	--wui-form-legend-texttransform: uppercase;
@@ -297,7 +321,9 @@
 
 	--wui-selectpicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-selectpicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-selectpicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -305,23 +331,28 @@
 	--wui-selectpicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: var(--wui-form-input-textcolor-out);
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
 	--wui-selectpicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-selectpicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-selectpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-selectpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-selectpicker-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
-	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-selectpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-selectpicker-box-option-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-selectpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
 	--wui-selectpicker-box-option-bordercolor-over: var(--wuiplugin-theme-bordercolor-low);
 	--wui-selectpicker-box-option-bgcolor-out: transparent;
 	--wui-selectpicker-box-option-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
 	--wui-selectpicker-box-option-iconsize: 24px;
-	--wui-selectpicker-box-option-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
+	--wui-selectpicker-box-option-iconcolor-out: var(--wuiplugin-theme-textcolor-active);
 	--wui-selectpicker-box-option-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-selectpicker-box-option-iconcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-selectpicker-box-option-iconcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
@@ -331,18 +362,36 @@
 	--wui-selectpicker-box-option-textcolor-over: var(--wuiplugin-theme-textcolor-active);
 	--wui-selectpicker-box-option-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-selectpicker-box-option-textcolor-disabled: rgb(from var(--wuiplugin-theme-utilitycolor-disabled) r g b / 40%);
-	--wui-selectpicker-box-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
+	--wui-selectpicker-box-button-maxwidth: 120px;
+	--wui-selectpicker-box-button-height: 34px;
+	--wui-selectpicker-box-button-borderwidth: 1px;
+	--wui-selectpicker-box-button-bordercolor-out: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
+	--wui-selectpicker-box-button-bordercolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
+	--wui-selectpicker-box-button-bordercolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
+	--wui-selectpicker-box-button-bordercolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+	--wui-selectpicker-box-button-bgcolor-out: transparent;
+	--wui-selectpicker-box-button-bgcolor-over: transparent;
+	--wui-selectpicker-box-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
+	--wui-selectpicker-box-button-bgcolor-disabled: transparent;
+	--wui-selectpicker-box-button-horizpadding: 20px;
+	--wui-selectpicker-box-button-vertpadding: 0px;
 	--wui-selectpicker-box-button-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-selectpicker-box-button-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
+	--wui-selectpicker-box-button-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
+	--wui-selectpicker-box-button-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+	--wui-selectpicker-box-button-textsize: 15px;
 	--wui-selectpicker-mobile-overlay-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-overlay) r g b / 20%);
-	--wui-selectpicker-mobile-box-width: 280px;
+	--wui-selectpicker-mobile-box-width: 300px;
 	--wui-selectpicker-mobile-box-borderradius: var(--wui-modal-box-borderradius);
+	--wui-selectpicker-mobile-box-button-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 
 	/* wui-datepicker */
 
 	--wui-datepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-datepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-datepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -355,6 +404,7 @@
 	--wui-datepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-datepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-datepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-datepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-datepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-out) r g b / 100%);
@@ -391,7 +441,9 @@
 
 	--wui-timepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-timepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-timepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -404,11 +456,12 @@
 	--wui-timepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-timepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-timepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-timepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-timepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
-	--wui-timepicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-timepicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-timepicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-timepicker-box-option-bgcolor-now: var(--wuiplugin-theme-bordercolor-low);
 	--wui-timepicker-box-option-bgcolor-over: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
 	--wui-timepicker-box-option-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -438,11 +491,12 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-colorpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-colorpicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
-	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 20%);
-	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-colorpicker-box-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-colorpicker-box-tab-textcolor-out: var(--wuiplugin-theme-textcolor-active);
 	--wui-colorpicker-box-tab-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-colorpicker-box-option-bordercolor-out: var(--wuiplugin-theme-bordercolor-low);
@@ -546,12 +600,13 @@
 	/* wui-codebox (lab) */
 
 	--wui-codebox-maxheight: 50vh;
+	--wui-codebox-borderwidth: 1px;
 	--wui-codebox-borderradius: 5px;
 	--wui-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-codebox-scroll-width: 4px;
-	--wui-codebox-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
-	--wui-codebox-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-codebox-copyicon-src: none;
 	--wui-codebox-copyicon-color: var(--wuiplugin-theme-bordercolor-max);
 	--wui-codebox-copiedicon-src: none;
@@ -561,35 +616,33 @@
 	--wui-codebox-linenumber-color: var(--wuiplugin-theme-graycolor-low);
 	--wui-codebox-linenumber-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
-	--wui-codebox-token-command: var(--wuiplugin-theme-token-command);
-	--wui-codebox-token-comment: var(--wuiplugin-theme-token-comment);
-	--wui-codebox-token-string: var(--wuiplugin-theme-token-string);
-	--wui-codebox-token-keyword: var(--wuiplugin-theme-token-keyword);
-	--wui-codebox-token-number: var(--wuiplugin-theme-token-number);
-	--wui-codebox-token-tag: var(--wuiplugin-theme-token-tag);
-	--wui-codebox-token-attr: var(--wuiplugin-theme-token-attr);
-	--wui-codebox-token-selector: var(--wuiplugin-theme-token-selector);
-	--wui-codebox-token-property: var(--wuiplugin-theme-token-property);
-	--wui-codebox-token-function: var(--wuiplugin-theme-token-function);
-	--wui-codebox-token-operator: var(--wuiplugin-theme-token-operator);
-	--wui-codebox-token-variable: var(--wuiplugin-theme-token-variable);
-	--wui-codebox-token-constant: var(--wuiplugin-theme-token-constant);
-	--wui-codebox-token-decorator: var(--wuiplugin-theme-token-decorator);
-	--wui-codebox-token-type: var(--wuiplugin-theme-token-type);
-	--wui-codebox-token-builtin: var(--wuiplugin-theme-token-builtin);
-	--wui-codebox-token-color: var(--wuiplugin-theme-token-color);
-	--wui-codebox-token-regex: var(--wuiplugin-theme-token-regex);
 
 	/* wui-markdown (lab) */
 
-	--wui-markdown-hr-width: 1px;
-	--wui-markdown-hr-color: var(--wuiplugin-theme-bordercolor-high);
+	--wui-markdown-lineheight: 1.5;
+	--wui-markdown-textfont: sans-serif;
+	--wui-markdown-textweight: normal;
+	--wui-markdown-textcolor: var(--wuiplugin-theme-textcolor-focus);
+	--wui-markdown-title1-textfont: Arial;
+	--wui-markdown-title1-textsize: 48px;
+	--wui-markdown-title1-textweight: 100;
+	--wui-markdown-title1-textcolor: var(--wuiplugin-theme-textcolor-active);
+	--wui-markdown-title2-textfont: Arial;
+	--wui-markdown-title2-textsize: 30px;
+	--wui-markdown-title2-textweight: 100;
+	--wui-markdown-title2-textcolor: var(--wuiplugin-theme-textcolor-active);
+	--wui-markdown-title3-textfont: Arial;
+	--wui-markdown-title3-textsize: 24px;
+	--wui-markdown-title3-textweight: 100;
+	--wui-markdown-title3-textcolor: var(--wuiplugin-theme-textcolor-active);
+	--wui-markdown-hline-width: 1px;
+	--wui-markdown-hline-color: var(--wuiplugin-theme-bordercolor-high);
 	--wui-markdown-table-valign: center;
 	--wui-markdown-table-borderradius: 5px;
 	--wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-markdown-table-scroll-width: 4px;
-	--wui-markdown-table-scroll-bgcolor-out: var(--wuiplugin-theme-graycolor-high);
-	--wui-markdown-table-scroll-bgcolor-over: var(--wuiplugin-theme-graycolor-half);
+	--wui-markdown-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-markdown-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
 	--wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
 	--wui-markdown-table-header-textalign: left;
 	--wui-markdown-table-rows-bordercolor: var(--wuiplugin-theme-bordercolor-high);
@@ -600,6 +653,7 @@
 	--wui-markdown-blockquote-border: 0px;
 	--wui-markdown-blockquote-borderleft: 3px;
 	--wui-markdown-blockquote-bordercolor: transparent;
+	--wui-markdown-blockquote-bgcolor: transparent;
 	--wui-markdown-blockquote-padding: 10px;
 	--wui-markdown-blockquote-note-altcolor: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-markdown-blockquote-noteicon-src: none;
@@ -614,14 +668,14 @@
 	--wui-markdown-code-borderradius: 5px;
 	--wui-markdown-code-bordercolor: var(--wuiplugin-theme-bordercolor-high);
 	--wui-markdown-code-bgcolor: var(--wuiplugin-theme-bordercolor-low);
-	--wui-markdown-pre-maxheight: 50vh;
-	--wui-markdown-pre-borderradius: 5px;
-	--wui-markdown-pre-bordercolor: var(--wuiplugin-theme-bordercolor-high);
-	--wui-markdown-pre-bgcolor: var(--wuiplugin-theme-bgcolor-over);
-	--wui-markdown-pre-scroll-width: 4px;
-	--wui-markdown-pre-scroll-bgcolor-out: var(--wuiplugin-theme-bordercolor-max);
-	--wui-markdown-pre-scroll-bgcolor-over: var(--wuiplugin-theme-shadowcolor-low);
-	--wui-markdown-pre-textcolor: var(--wuiplugin-theme-textcolor-active);
+	--wui-markdown-codebox-maxheight: 50vh;
+	--wui-markdown-codebox-borderradius: 5px;
+	--wui-markdown-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
+	--wui-markdown-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
+	--wui-markdown-codebox-scroll-width: 4px;
+	--wui-markdown-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
+	--wui-markdown-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
+	--wui-markdown-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
 	--wui-markdown-link-textcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
 	--wui-markdown-link-textdecoration-out: none;

package/themes/{wuiplugin-themes-0.6.js → wuiplugin-themes-0.8.js}

@@ -1,14 +1,14 @@
 /*
- * @file wuiplugin-themes-0.6.js
+ * @file wuiplugin-themes-0.8.js
  * @class WUIPluginThemes
- * @version 0.6
+ * @version 0.8
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
 
 class WUIPluginThemes {
 
-	static version = "0.6";
+	static version = "0.8";
 
 	getScheme() {
 		return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();