devextreme-themebuilder 21.2.3 → 21.2.4-build-21322-1627

package/dart-compiler/metadata/dx-theme-builder-metadata.json

@@ -1 +1 @@
-{"generic":[{"Key":"$accordion-color","Name":"50. Text color","Type":"color"},{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-title-opened-bg","Name":"20. Active item title background color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"30. Item border color","Type":"color"},{"Key":"$accordion-item-focused-border-color","Name":"40. Focused item border color","Type":"color"},{"Key":"$accordion-title-active-color","Name":"70. Item title active state text color","Type":"color"},{"Key":"$accordion-item-hover-bg","Name":"90. Item title hovered state background color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$calendar-color","Name":"10. Text color","Type":"color"},{"Key":"$calendar-header-color","Name":"10. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-bg","Name":"40. Background color","Type":"color"},{"Key":"$calendar-hover-bg","Name":"50. Hovered cell background color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"30. Selected cell background color","Type":"color"},{"Key":"$calendar-cell-active-bg","Name":"70. Active state background Color","Type":"color"},{"Key":"$calendar-border-color","Name":"80. Border color","Type":"color"},{"Key":"$calendar-navigator-border-color","Name":"40. Date navigator border color","Type":"color"},{"Key":"$calendar-navigator-hover-border-color","Name":"50. Hovered state date navigator border color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"60. Shevron icon color","Type":"color"},{"Key":"$checkbox-border-color","Name":"10. Border color","Type":"color"},{"Key":"$checkbox-focused-borderd-color","Name":"70. Focused state border color","Type":"color"},{"Key":"$checkbox-bg","Name":"40. Background color","Type":"color"},{"Key":"$checkbox-hover-border-color","Name":"20. Hovered state border color","Type":"color"},{"Key":"$checkbox-active-icon-bg","Name":"80. Active state background color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-button-hover-bg","Name":"20. Dropdown button hovered state background color","Type":"color"},{"Key":"$dropdowneditor-button-active-bg","Name":"30. Dropdown button active state background color","Type":"color"},{"Key":"$dropdowneditor-icon-color","Name":"80. Spin icon color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"10. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"30. Navigation button color","Type":"color"},{"Key":"$gallery-nav-arrow-color","Name":"40. Navigation icon color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$list-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$list-group-color","Name":"20. Group header text color","Type":"color"},{"Key":"$list-group-header-bg","Name":"30. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"40. Selected item state background color","Type":"color"},{"Key":"$list-item-focused-selected-bg","Name":"50. Focused selected item state background color","Type":"color"},{"Key":"$list-focused-bg","Name":"60. Focused item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"50. Active state item background color","Type":"color"},{"Key":"$loadindicator-bg","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-popup-bg","Name":"40. Popup background color","Type":"color"},{"Key":"$menu-item-hover-bg","Name":"50. Hovered item background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-hovered-color","Name":"55. Hovered item text color","Type":"color"},{"Key":"$menu-item-expanded-color","Name":"10. Expanded item text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$menu-popup-border-color","Name":"20. Border color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$numberbox-spin-active-bg","Name":"10. Active spin buttons color","Type":"color"},{"Key":"$numberbox-spin-hover-border-color","Name":"20. Hovered spin buttons border color","Type":"color"},{"Key":"$numberbox-spin-icon-color","Name":"10. Spin icon color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$overlay-focus-border-color","Name":"30. Focus border color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$pivotgrid-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$radiogroup-checked-bg","Name":"10. Background color","Type":"color"},{"Key":"$radiobutton-active-bg","Name":"40. Active state background color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$scrollable-scrollbar-active-bg","Name":"20. Scrollbar background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$slider-range-bg","Name":"30. Selected range background color","Type":"color"},{"Key":"$switch-border-color","Name":"10. Border color","Type":"color"},{"Key":"$switch-on-color","Name":"10. 'ON' label color","Type":"color"},{"Key":"$switch-container-active-bg","Name":"30. Active state background color","Type":"color"},{"Key":"$switch-off-color","Name":"20. 'OFF' label color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$tabs-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$tabs-border-color","Name":"30. Border color","Type":"color"},{"Key":"$tabs-focused-border-color","Name":"40. Focus border color","Type":"color"},{"Key":"$tabs-tab-hover-bg","Name":"50. Hover background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"30. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-filled-bg","Name":"40. Filled editor background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"30. Focused border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$tooltip-border-color","Name":"30. Border color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"10. Focused state background color","Type":"color"},{"Key":"$treeview-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$treeview-border-color","Name":"100. Border color","Type":"color"},{"Key":"$treeview-item-selected-color","Name":"110. Selected item text color","Type":"color"},{"Key":"$treeview-spin-icon-color","Name":"120. Spin icon color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$filterbuilder-menu-icon-color","Name":"10. Menu icon color","Type":"color"},{"Key":"$datagrid-base-color","Name":"10. Text color","Type":"color"},{"Key":"$datagrid-base-background-color","Name":"60. Background color","Type":"color"},{"Key":"$datagrid-border-color","Name":"70. Border color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"normal|bold|light"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-hover-bg","Name":"90. Hovered row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data border color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-nodata-color","Name":"30. NoData message text color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-spin-icon-color","Name":"125. Spin icon color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-link-color","Name":"40. Link color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-columnchooser-bg","Name":"140. Column chooser background color","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10 Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"60. First day of month separator color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"70. Focused cell color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scheduler-time-indicator-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-invalid-color","Name":"1. Invalid widget state - active color","Type":"color"},{"Key":"$base-invalid-faded-border-color","Name":"2. Invalid widget state - border color","Type":"color"},{"Key":"$base-border-radius-small","Name":"70. Border radius","Type":"text"},{"Key":"$base-border-radius-large","Name":"30. Border radius","Type":"text"}],"material":[{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-normal-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-normal-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-default-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-default-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-danger-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-danger-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-success-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-success-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-header-color","Name":"20. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"40. Selected cell background color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"50. Shevron icon color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10. Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"60. Focused cell color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"70. First day of month separator color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$material-slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$material-slider-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$material-slider-tooltip-color","Name":"30. Slider tooltip text color","Type":"color"},{"Key":"$switch-bg","Name":"20. Track 'OFF' background color","Type":"color"},{"Key":"$switch-handle-off-bg","Name":"30. Handle 'OFF' background color","Type":"color"},{"Key":"$switch-on-bg","Name":"40. Track 'ON' background color","Type":"color"},{"Key":"$switch-handle-on-bg","Name":"50. Handle 'ON' background color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-selected-tab-bottom-border-color","Name":"30. Selected tab bottom border color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"40. Tab background color","Type":"color"},{"Key":"$tabs-hovered-tab-bg-color","Name":"50. Hovered tab background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-active-color","Name":"30. Tag active text color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"40. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-focused-bg","Name":"40. Focused background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"70. Focused border color","Type":"color"},{"Key":"$texteditor-hover-bg","Name":"40. Hovered background color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"80. Focused state background color","Type":"color"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"}]}
+{"generic":[{"Key":"$accordion-color","Name":"50. Text color","Type":"color"},{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-title-opened-bg","Name":"20. Active item title background color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"30. Item border color","Type":"color"},{"Key":"$accordion-item-focused-border-color","Name":"40. Focused item border color","Type":"color"},{"Key":"$accordion-title-active-color","Name":"70. Item title active state text color","Type":"color"},{"Key":"$accordion-item-hover-bg","Name":"90. Item title hovered state background color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$calendar-color","Name":"10. Text color","Type":"color"},{"Key":"$calendar-header-color","Name":"10. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-bg","Name":"40. Background color","Type":"color"},{"Key":"$calendar-hover-bg","Name":"50. Hovered cell background color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"30. Selected cell background color","Type":"color"},{"Key":"$calendar-cell-active-bg","Name":"70. Active state background Color","Type":"color"},{"Key":"$calendar-border-color","Name":"80. Border color","Type":"color"},{"Key":"$calendar-navigator-border-color","Name":"40. Date navigator border color","Type":"color"},{"Key":"$calendar-navigator-hover-border-color","Name":"50. Hovered state date navigator border color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"60. Shevron icon color","Type":"color"},{"Key":"$checkbox-border-color","Name":"10. Border color","Type":"color"},{"Key":"$checkbox-focused-borderd-color","Name":"70. Focused state border color","Type":"color"},{"Key":"$checkbox-bg","Name":"40. Background color","Type":"color"},{"Key":"$checkbox-hover-border-color","Name":"20. Hovered state border color","Type":"color"},{"Key":"$checkbox-active-icon-bg","Name":"80. Active state background color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-button-hover-bg","Name":"20. Dropdown button hovered state background color","Type":"color"},{"Key":"$dropdowneditor-button-active-bg","Name":"30. Dropdown button active state background color","Type":"color"},{"Key":"$dropdowneditor-icon-color","Name":"80. Spin icon color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"10. Group border color","Type":"color"},{"Key":"$list-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$list-group-color","Name":"20. Group header text color","Type":"color"},{"Key":"$list-group-header-bg","Name":"30. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"40. Selected item state background color","Type":"color"},{"Key":"$list-item-focused-selected-bg","Name":"50. Focused selected item state background color","Type":"color"},{"Key":"$list-focused-bg","Name":"60. Focused item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"50. Active state item background color","Type":"color"},{"Key":"$loadindicator-bg","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-popup-bg","Name":"40. Popup background color","Type":"color"},{"Key":"$menu-item-hover-bg","Name":"50. Hovered item background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-hovered-color","Name":"55. Hovered item text color","Type":"color"},{"Key":"$menu-item-expanded-color","Name":"10. Expanded item text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$menu-popup-border-color","Name":"20. Border color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$numberbox-spin-active-bg","Name":"10. Active spin buttons color","Type":"color"},{"Key":"$numberbox-spin-hover-border-color","Name":"20. Hovered spin buttons border color","Type":"color"},{"Key":"$numberbox-spin-icon-color","Name":"10. Spin icon color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$overlay-focus-border-color","Name":"30. Focus border color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$pivotgrid-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$radiogroup-checked-bg","Name":"10. Background color","Type":"color"},{"Key":"$radiobutton-active-bg","Name":"40. Active state background color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$scrollable-scrollbar-active-bg","Name":"20. Scrollbar background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$slider-range-bg","Name":"30. Selected range background color","Type":"color"},{"Key":"$switch-border-color","Name":"10. Border color","Type":"color"},{"Key":"$switch-on-color","Name":"10. 'ON' label color","Type":"color"},{"Key":"$switch-container-active-bg","Name":"30. Active state background color","Type":"color"},{"Key":"$switch-off-color","Name":"20. 'OFF' label color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$tabs-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$tabs-border-color","Name":"30. Border color","Type":"color"},{"Key":"$tabs-focused-border-color","Name":"40. Focus border color","Type":"color"},{"Key":"$tabs-tab-hover-bg","Name":"50. Hover background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"30. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-filled-bg","Name":"40. Filled editor background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"30. Focused border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$tooltip-border-color","Name":"30. Border color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"10. Focused state background color","Type":"color"},{"Key":"$treeview-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$treeview-border-color","Name":"100. Border color","Type":"color"},{"Key":"$treeview-item-selected-color","Name":"110. Selected item text color","Type":"color"},{"Key":"$treeview-spin-icon-color","Name":"120. Spin icon color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$filterbuilder-menu-icon-color","Name":"10. Menu icon color","Type":"color"},{"Key":"$datagrid-base-color","Name":"10. Text color","Type":"color"},{"Key":"$datagrid-base-background-color","Name":"60. Background color","Type":"color"},{"Key":"$datagrid-border-color","Name":"70. Border color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"normal|bold|light"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-hover-bg","Name":"90. Hovered row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data border color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-nodata-color","Name":"30. NoData message text color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-spin-icon-color","Name":"125. Spin icon color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-link-color","Name":"40. Link color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-columnchooser-bg","Name":"140. Column chooser background color","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10 Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"60. First day of month separator color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"70. Focused cell color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scheduler-time-indicator-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-invalid-color","Name":"1. Invalid widget state - active color","Type":"color"},{"Key":"$base-invalid-faded-border-color","Name":"2. Invalid widget state - border color","Type":"color"},{"Key":"$base-border-radius-small","Name":"70. Border radius","Type":"text"},{"Key":"$base-border-radius-large","Name":"30. Border radius","Type":"text"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"30. Navigation button color","Type":"color"},{"Key":"$gallery-nav-arrow-color","Name":"40. Navigation icon color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"}],"material":[{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-normal-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-normal-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-default-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-default-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-danger-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-danger-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-success-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-success-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-header-color","Name":"20. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"40. Selected cell background color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"50. Shevron icon color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10. Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"60. Focused cell color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"70. First day of month separator color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$material-slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$material-slider-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$material-slider-tooltip-color","Name":"30. Slider tooltip text color","Type":"color"},{"Key":"$switch-bg","Name":"20. Track 'OFF' background color","Type":"color"},{"Key":"$switch-handle-off-bg","Name":"30. Handle 'OFF' background color","Type":"color"},{"Key":"$switch-on-bg","Name":"40. Track 'ON' background color","Type":"color"},{"Key":"$switch-handle-on-bg","Name":"50. Handle 'ON' background color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-selected-tab-bottom-border-color","Name":"30. Selected tab bottom border color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"40. Tab background color","Type":"color"},{"Key":"$tabs-hovered-tab-bg-color","Name":"50. Hovered tab background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-active-color","Name":"30. Tag active text color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"40. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-focused-bg","Name":"40. Focused background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"70. Focused border color","Type":"color"},{"Key":"$texteditor-hover-bg","Name":"40. Hovered background color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"80. Focused state background color","Type":"color"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"}]}

package/data/metadata/dx-theme-builder-metadata.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dependencies = exports.browsersList = exports.version = exports.metadata = void 0;
-exports.metadata = { 'generic': [{ 'Key': '$accordion-color', 'Name': '50. Text color', 'Type': 'color' }, { 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-title-opened-bg', 'Name': '20. Active item title background color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '30. Item border color', 'Type': 'color' }, { 'Key': '$accordion-item-focused-border-color', 'Name': '40. Focused item border color', 'Type': 'color' }, { 'Key': '$accordion-title-active-color', 'Name': '70. Item title active state text color', 'Type': 'color' }, { 'Key': '$accordion-item-hover-bg', 'Name': '90. Item title hovered state background color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$calendar-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$calendar-hover-bg', 'Name': '50. Hovered cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '30. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-active-bg', 'Name': '70. Active state background Color', 'Type': 'color' }, { 'Key': '$calendar-border-color', 'Name': '80. Border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-border-color', 'Name': '40. Date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-hover-border-color', 'Name': '50. Hovered state date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '60. Shevron icon color', 'Type': 'color' }, { 'Key': '$checkbox-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$checkbox-focused-borderd-color', 'Name': '70. Focused state border color', 'Type': 'color' }, { 'Key': '$checkbox-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$checkbox-hover-border-color', 'Name': '20. Hovered state border color', 'Type': 'color' }, { 'Key': '$checkbox-active-icon-bg', 'Name': '80. Active state background color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-hover-bg', 'Name': '20. Dropdown button hovered state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-active-bg', 'Name': '30. Dropdown button active state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-color', 'Name': '80. Spin icon color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '10. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '30. Navigation button color', 'Type': 'color' }, { 'Key': '$gallery-nav-arrow-color', 'Name': '40. Navigation icon color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '20. Group header text color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '30. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '40. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-focused-selected-bg', 'Name': '50. Focused selected item state background color', 'Type': 'color' }, { 'Key': '$list-focused-bg', 'Name': '60. Focused item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '50. Active state item background color', 'Type': 'color' }, { 'Key': '$loadindicator-bg', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-popup-bg', 'Name': '40. Popup background color', 'Type': 'color' }, { 'Key': '$menu-item-hover-bg', 'Name': '50. Hovered item background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-hovered-color', 'Name': '55. Hovered item text color', 'Type': 'color' }, { 'Key': '$menu-item-expanded-color', 'Name': '10. Expanded item text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$menu-popup-border-color', 'Name': '20. Border color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$numberbox-spin-active-bg', 'Name': '10. Active spin buttons color', 'Type': 'color' }, { 'Key': '$numberbox-spin-hover-border-color', 'Name': '20. Hovered spin buttons border color', 'Type': 'color' }, { 'Key': '$numberbox-spin-icon-color', 'Name': '10. Spin icon color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$overlay-focus-border-color', 'Name': '30. Focus border color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$pivotgrid-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$radiogroup-checked-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$radiobutton-active-bg', 'Name': '40. Active state background color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$scrollable-scrollbar-active-bg', 'Name': '20. Scrollbar background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$slider-range-bg', 'Name': '30. Selected range background color', 'Type': 'color' }, { 'Key': '$switch-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$switch-on-color', 'Name': '10. "ON" label color', 'Type': 'color' }, { 'Key': '$switch-container-active-bg', 'Name': '30. Active state background color', 'Type': 'color' }, { 'Key': '$switch-off-color', 'Name': '20. "OFF" label color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$tabs-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$tabs-focused-border-color', 'Name': '40. Focus border color', 'Type': 'color' }, { 'Key': '$tabs-tab-hover-bg', 'Name': '50. Hover background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '30. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg', 'Name': '40. Filled editor background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '30. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$tooltip-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '10. Focused state background color', 'Type': 'color' }, { 'Key': '$treeview-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$treeview-border-color', 'Name': '100. Border color', 'Type': 'color' }, { 'Key': '$treeview-item-selected-color', 'Name': '110. Selected item text color', 'Type': 'color' }, { 'Key': '$treeview-spin-icon-color', 'Name': '120. Spin icon color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$filterbuilder-menu-icon-color', 'Name': '10. Menu icon color', 'Type': 'color' }, { 'Key': '$datagrid-base-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '60. Background color', 'Type': 'color' }, { 'Key': '$datagrid-border-color', 'Name': '70. Border color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': 'normal|bold|light' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-hover-bg', 'Name': '90. Hovered row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data border color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-nodata-color', 'Name': '30. NoData message text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-spin-icon-color', 'Name': '125. Spin icon color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-link-color', 'Name': '40. Link color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-bg', 'Name': '140. Column chooser background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10 Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '60. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '70. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scheduler-time-indicator-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-invalid-color', 'Name': '1. Invalid widget state - active color', 'Type': 'color' }, { 'Key': '$base-invalid-faded-border-color', 'Name': '2. Invalid widget state - border color', 'Type': 'color' }, { 'Key': '$base-border-radius-small', 'Name': '70. Border radius', 'Type': 'text' }, { 'Key': '$base-border-radius-large', 'Name': '30. Border radius', 'Type': 'text' }], 'material': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-normal-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-normal-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-default-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-default-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-danger-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-danger-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-success-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-success-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '40. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '50. Shevron icon color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$material-slider-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$material-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-selected-tab-bottom-border-color', 'Name': '30. Selected tab bottom border color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '40. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '50. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-focused-bg', 'Name': '40. Focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '70. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-bg', 'Name': '40. Hovered background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }] };
-exports.version = '21.2.3';
+exports.metadata = { 'generic': [{ 'Key': '$accordion-color', 'Name': '50. Text color', 'Type': 'color' }, { 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-title-opened-bg', 'Name': '20. Active item title background color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '30. Item border color', 'Type': 'color' }, { 'Key': '$accordion-item-focused-border-color', 'Name': '40. Focused item border color', 'Type': 'color' }, { 'Key': '$accordion-title-active-color', 'Name': '70. Item title active state text color', 'Type': 'color' }, { 'Key': '$accordion-item-hover-bg', 'Name': '90. Item title hovered state background color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$calendar-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$calendar-hover-bg', 'Name': '50. Hovered cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '30. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-cell-active-bg', 'Name': '70. Active state background Color', 'Type': 'color' }, { 'Key': '$calendar-border-color', 'Name': '80. Border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-border-color', 'Name': '40. Date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-navigator-hover-border-color', 'Name': '50. Hovered state date navigator border color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '60. Shevron icon color', 'Type': 'color' }, { 'Key': '$checkbox-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$checkbox-focused-borderd-color', 'Name': '70. Focused state border color', 'Type': 'color' }, { 'Key': '$checkbox-bg', 'Name': '40. Background color', 'Type': 'color' }, { 'Key': '$checkbox-hover-border-color', 'Name': '20. Hovered state border color', 'Type': 'color' }, { 'Key': '$checkbox-active-icon-bg', 'Name': '80. Active state background color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-hover-bg', 'Name': '20. Dropdown button hovered state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-button-active-bg', 'Name': '30. Dropdown button active state background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-color', 'Name': '80. Spin icon color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '10. Group border color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '20. Group header text color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '30. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '40. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-focused-selected-bg', 'Name': '50. Focused selected item state background color', 'Type': 'color' }, { 'Key': '$list-focused-bg', 'Name': '60. Focused item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '50. Active state item background color', 'Type': 'color' }, { 'Key': '$loadindicator-bg', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-popup-bg', 'Name': '40. Popup background color', 'Type': 'color' }, { 'Key': '$menu-item-hover-bg', 'Name': '50. Hovered item background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-hovered-color', 'Name': '55. Hovered item text color', 'Type': 'color' }, { 'Key': '$menu-item-expanded-color', 'Name': '10. Expanded item text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$menu-popup-border-color', 'Name': '20. Border color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$numberbox-spin-active-bg', 'Name': '10. Active spin buttons color', 'Type': 'color' }, { 'Key': '$numberbox-spin-hover-border-color', 'Name': '20. Hovered spin buttons border color', 'Type': 'color' }, { 'Key': '$numberbox-spin-icon-color', 'Name': '10. Spin icon color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$overlay-focus-border-color', 'Name': '30. Focus border color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$pivotgrid-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$radiogroup-checked-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$radiobutton-active-bg', 'Name': '40. Active state background color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$scrollable-scrollbar-active-bg', 'Name': '20. Scrollbar background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$slider-range-bg', 'Name': '30. Selected range background color', 'Type': 'color' }, { 'Key': '$switch-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$switch-on-color', 'Name': '10. "ON" label color', 'Type': 'color' }, { 'Key': '$switch-container-active-bg', 'Name': '30. Active state background color', 'Type': 'color' }, { 'Key': '$switch-off-color', 'Name': '20. "OFF" label color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$tabs-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$tabs-focused-border-color', 'Name': '40. Focus border color', 'Type': 'color' }, { 'Key': '$tabs-tab-hover-bg', 'Name': '50. Hover background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '30. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-filled-bg', 'Name': '40. Filled editor background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '30. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$tooltip-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '10. Focused state background color', 'Type': 'color' }, { 'Key': '$treeview-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$treeview-border-color', 'Name': '100. Border color', 'Type': 'color' }, { 'Key': '$treeview-item-selected-color', 'Name': '110. Selected item text color', 'Type': 'color' }, { 'Key': '$treeview-spin-icon-color', 'Name': '120. Spin icon color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$filterbuilder-menu-icon-color', 'Name': '10. Menu icon color', 'Type': 'color' }, { 'Key': '$datagrid-base-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '60. Background color', 'Type': 'color' }, { 'Key': '$datagrid-border-color', 'Name': '70. Border color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': 'normal|bold|light' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-hover-bg', 'Name': '90. Hovered row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data border color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-nodata-color', 'Name': '30. NoData message text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-spin-icon-color', 'Name': '125. Spin icon color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-link-color', 'Name': '40. Link color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-bg', 'Name': '140. Column chooser background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10 Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '60. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '70. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scheduler-time-indicator-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-invalid-color', 'Name': '1. Invalid widget state - active color', 'Type': 'color' }, { 'Key': '$base-invalid-faded-border-color', 'Name': '2. Invalid widget state - border color', 'Type': 'color' }, { 'Key': '$base-border-radius-small', 'Name': '70. Border radius', 'Type': 'text' }, { 'Key': '$base-border-radius-large', 'Name': '30. Border radius', 'Type': 'text' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '30. Navigation button color', 'Type': 'color' }, { 'Key': '$gallery-nav-arrow-color', 'Name': '40. Navigation icon color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }], 'material': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-normal-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-normal-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-default-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-default-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-danger-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-danger-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-success-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-success-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '40. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '50. Shevron icon color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$material-slider-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$material-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-selected-tab-bottom-border-color', 'Name': '30. Selected tab bottom border color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '40. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '50. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-focused-bg', 'Name': '40. Focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '70. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-bg', 'Name': '40. Hovered background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }] };
+exports.version = '21.2.4-build-21322-1627';
 exports.browsersList = ['last 2 versions', 'ios > 8', '> 1%'];
 exports.dependencies = { 'loadindicator': [], 'loadpanel': ['loadindicator'], 'validation': [], 'button': ['validation'], 'popup': ['validation', 'button'], 'toast': [], 'popover': ['validation', 'button', 'popup'], 'actionsheet': ['validation', 'button', 'popup', 'popover'], 'textbox': ['validation', 'button', 'loadindicator'], 'scrollview': ['loadindicator', 'loadpanel'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'checkbox', 'selectbox', 'box'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'responsivebox': ['box'], 'form': ['validation', 'multiview', 'button', 'tabs', 'tabpanel', 'box', 'responsivebox', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'loadpanel', 'scrollview', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview'], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'htmleditor': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'contextmenu'], 'sortable': [], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox'], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'popover'], 'map': [], 'navbar': ['validation', 'button', 'tabs'], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'switch': ['validation'], 'tagbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'accordion': [], 'treeview': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview'], 'filterbuilder': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'popup', 'numberbox', 'loadpanel', 'scrollview', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'checkbox', 'treeview', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'actionsheet', 'toolbar'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'popover', 'actionsheet', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'contextmenu', 'checkbox', 'selectbox', 'numberbox', 'colorbox', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder', 'sortable'] };

package/data/scss/widgets/base/_gridBase.scss

@@ -858,6 +858,10 @@
       &:not(.dx-#{$widget-name}-content-fixed) {
         min-height: 100%;
       }
+
+      &.dx-scrollable-container {
+        width: auto;
+      }
     }
 
 

package/data/scss/widgets/base/_icons.scss

@@ -391,7 +391,19 @@ $icons: (
     "insertcolumnleft": "\f133",
     "insertcolumnright": "\f132",
     "inserttable": "\f130",
-    "deletetable": "\f131"
+    "deletetable": "\f131",
+    "edittableheader": "\f142",
+    "addtableheader": "\f143",
+    "pasteplaintext": "\f144",
+    "importselected": "\f145",
+    "import": "\f146",
+    "textdocument": "\f147",
+    "jpgfile": "\f148",
+    "bmpfile": "\f149",
+    "svgfile": "\f150",
+    "attach": "\f151",
+    "return": "\f152",
+    "indeterminatestate": "\f153"
 );
 
 // stylelint-enable

package/data/scss/widgets/base/scheduler/_common.scss

@@ -44,14 +44,12 @@ $scheduler-popup-scrollable-content-padding: 20px;
   cursor: pointer;
   margin: $scheduler-appointment-collector-margin 0 0 $scheduler-appointment-collector-margin;
 
-  .dx-scheduler-appointment-collector-content {
+  .dx-scheduler-appointment-collector-content,
+  .dx-button-content {
     @include dx-overflow();
 
     margin: 0 2 * ($scheduler-appointment-collector-margin - 1);
-
-    &.dx-button-content {
-      padding: 0;
-    }
+    padding: 0;
 
     span:last-child {
       display: inline-block;
@@ -104,7 +102,8 @@ $scheduler-popup-scrollable-content-padding: 20px;
   .dx-scheduler-appointment-collector {
     margin: 0;
 
-    .dx-scheduler-appointment-collector-content {
+    .dx-scheduler-appointment-collector-content,
+    .dx-button-content {
       span:last-child {
         line-height: $scheduler-appointment-collector-height;
       }

package/data/scss/widgets/base/scheduler/_index.scss

@@ -543,7 +543,8 @@ $scheduler-appointment-form-label-padding: 20px;
         opacity: 0.98;
       }
 
-      .dx-scheduler-appointment-collector-content {
+      .dx-scheduler-appointment-collector-content,
+      .dx-button-content {
         color: $scheduler-dd-appointment-hover-text-color;
         opacity: 0.99;
       }
@@ -551,7 +552,8 @@ $scheduler-appointment-form-label-padding: 20px;
   }
 
   .dx-scheduler-appointment-collector-compact {
-    .dx-scheduler-appointment-collector-content {
+    .dx-scheduler-appointment-collector-content,
+    .dx-button-content {
       span:last-child {
         padding-left: 0;
       }
@@ -599,6 +601,10 @@ $scheduler-appointment-form-label-padding: 20px;
         }
       }
     }
+
+    .dx-scheduler-scrollable-appointments {
+      left: 0;
+    }
   }
 
   .dx-scheduler-small {

package/data/scss/widgets/base/scheduler/views/renovation/_index.scss

@@ -62,8 +62,10 @@ $scheduler-timeline-cell-height: null !default;
   .dx-scheduler-header-panel-cell {
     flex-shrink: 0;
   }
+}
 
-  .dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar) {
+.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline {
+  &:not(.dx-scheduler-work-space-both-scrollbar) {
     .dx-scheduler-date-table .dx-scheduler-date-table-row {
       flex: 1;
     }

package/data/scss/widgets/generic/button/_colors.scss

@@ -128,30 +128,30 @@ $button-success-text-bg-active: null !default;
   $button-default-contained-bg-active: $button-default-bg !default;
   $button-default-outlined-bg-hover: $base-inverted-bg !default;
   $button-default-outlined-bg-focused: $base-inverted-bg !default;
-  $button-default-outlined-bg-active: $button-default-bg !default;
+  $button-default-outlined-bg-active: $base-bg !default;
   $button-default-text-bg-hover: $base-inverted-bg !default;
   $button-default-text-bg-focused: $base-inverted-bg !default;
-  $button-default-text-bg-active: $button-default-bg !default;
+  $button-default-text-bg-active: $base-bg !default;
   $button-danger-border-color: $base-danger !default;
   $button-danger-contained-bg-hover: $base-inverted-bg !default;
   $button-danger-contained-bg-focused: $base-inverted-bg !default;
   $button-danger-contained-bg-active: $button-danger-bg !default;
   $button-danger-outlined-bg-hover: $base-inverted-bg !default;
   $button-danger-outlined-bg-focused: $base-inverted-bg !default;
-  $button-danger-outlined-bg-active: $button-danger-bg !default;
+  $button-danger-outlined-bg-active: $base-bg !default;
   $button-danger-text-bg-hover: $base-inverted-bg !default;
   $button-danger-text-bg-focused: $base-inverted-bg !default;
-  $button-danger-text-bg-active: $button-danger-bg !default;
+  $button-danger-text-bg-active: $base-bg !default;
   $button-success-border-color: $base-success !default;
   $button-success-contained-bg-hover: $base-inverted-bg !default;
   $button-success-contained-bg-focused: $base-inverted-bg !default;
   $button-success-contained-bg-active: $button-success-bg !default;
   $button-success-outlined-bg-hover: $base-inverted-bg !default;
   $button-success-outlined-bg-focused: $base-inverted-bg !default;
-  $button-success-outlined-bg-active: $button-success-bg !default;
+  $button-success-outlined-bg-active: $base-bg !default;
   $button-success-text-bg-hover: $base-inverted-bg !default;
   $button-success-text-bg-focused: $base-inverted-bg !default;
-  $button-success-text-bg-active: $button-success-bg !default;
+  $button-success-text-bg-active: $base-bg !default;
 }
 
 @if $color == "dark" {

package/data/scss/widgets/generic/buttonGroup/_index.scss

@@ -166,6 +166,11 @@
           background-color: $button-group-normal-selected-bg;
 
           @include dx-buttongroup-item-states($button-group-normal-selected-bg-hover, $button-group-normal-selected-bg-focused);
+
+          &,
+          & .dx-icon {
+            color: $button-group-normal-selected-color;
+          }
         }
 
         &.dx-button-success {

package/data/scss/widgets/generic/gridBase/_index.scss

@@ -287,11 +287,9 @@ $generic-grid-base-checkbox-indeterminate-icon-size: 6px;
 
     &.dx-checkbox-indeterminate {
       .dx-checkbox-icon {
+        font-size: $generic-grid-base-checkbox-indeterminate-icon-size;
+
         &::before {
-          height: $generic-grid-base-checkbox-indeterminate-icon-size;
-          width: $generic-grid-base-checkbox-indeterminate-icon-size;
-          margin-top: math.div(-$generic-grid-base-checkbox-indeterminate-icon-size, 2);
-          margin-left: math.div(-$generic-grid-base-checkbox-indeterminate-icon-size, 2);
           border-radius: 0;
         }
       }
@@ -658,6 +656,10 @@ $generic-grid-base-checkbox-indeterminate-icon-size: 6px;
       border-top: $generic-grid-base-row-border;
       border-bottom: $generic-grid-base-row-border;
 
+      &:focus {
+        outline: none;
+      }
+
       &.dx-edit-row:first-child > td {
         border-top-width: 0;
         border-bottom: $datagrid-border;
@@ -774,10 +776,6 @@ $generic-grid-base-checkbox-indeterminate-icon-size: 6px;
     }
 
     .dx-row-focused {
-      &:focus {
-        outline: none;
-      }
-
       &.dx-data-row {
         & > td:not(.dx-focused),
         & > tr > td:not(.dx-focused),

package/data/scss/widgets/generic/scheduler/_index.scss

@@ -330,7 +330,8 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
 .dx-scheduler-appointment-collector {
   height: $generic-scheduler-appointment-collector-height;
 
-  .dx-scheduler-appointment-collector-content {
+  .dx-scheduler-appointment-collector-content,
+  .dx-button-content {
     span:last-child {
       line-height: math.div($generic-scheduler-appointment-collector-height, 1.5);
       height: $generic-scheduler-appointment-collector-height;

package/data/scss/widgets/material/gridBase/_index.scss

@@ -858,6 +858,10 @@ $material-grid-base-cell-padding: $material-grid-base-cell-vertical-padding $mat
       border-top: $material-grid-base-row-border;
       border-bottom: $material-grid-base-row-border;
 
+      &:focus {
+        outline: none;
+      }
+
       &.dx-edit-row:first-child > td {
         border-top-width: 0;
         border-bottom: $datagrid-border;
@@ -953,10 +957,6 @@ $material-grid-base-cell-padding: $material-grid-base-cell-vertical-padding $mat
     }
 
     .dx-row-focused {
-      &:focus {
-        outline: none;
-      }
-
       &.dx-data-row {
         & > td:not(.dx-focused),
         & > tr > td:not(.dx-focused),

package/data/scss/widgets/material/htmlEditor/_index.scss

@@ -58,6 +58,22 @@
     border-color: transparent;
     border-radius: $texteditor-input-border-radius;
 
+    .dx-htmleditor-content {
+      margin: 1px 1px 1px 0;
+    }
+
+    &.dx-rtl,
+    .dx-rtl & {
+      .dx-htmleditor-content {
+        margin-right: 0;
+        margin-left: 1px;
+      }
+    }
+
+    .dx-htmleditor-toolbar-wrapper + .dx-quill-container .dx-htmleditor-content {
+      margin-top: 0;
+    }
+
     &.dx-state-disabled,
     &.dx-state-readonly,
     &.dx-state-readonly.dx-state-hover {
@@ -70,7 +86,8 @@
 
     &.dx-state-focused,
     &.dx-state-active {
-      box-shadow: inset 0 0 0 2px $texteditor-focused-border-color;
+      box-shadow: inset 0 0 0 1px $texteditor-focused-border-color;
+      border-color: $texteditor-focused-border-color;
     }
 
     &.dx-invalid {
@@ -79,7 +96,8 @@
 
       &.dx-state-focused,
       &.dx-state-active {
-        box-shadow: inset 0 0 0 2px $texteditor-invalid-focused-border-color;
+        box-shadow: inset 0 0 0 1px $texteditor-invalid-focused-border-color;
+        border-color: $texteditor-invalid-focused-border-color;
       }
     }
   }

package/data/scss/widgets/material/toolbar/_index.scss

@@ -67,7 +67,8 @@
 .dx-toolbar-menu-section {
   border-bottom: 1px solid $base-border-color;
 
-  .dx-toolbar-hidden-button {
+  .dx-toolbar-hidden-button,
+  .dx-toolbar-hidden-button-group {
     .dx-toolbar-item-auto-hide {
       padding: 0;
     }
@@ -75,20 +76,27 @@
     .dx-button {
       height: $material-list-item-height;
       padding: 0;
-    }
 
-    .dx-button-content {
-      padding: 0 $material-list-item-horizontal-padding;
-    }
-  }
+      .dx-button-text {
+        text-transform: none;
+        font-weight: 400;
+        font-size: $material-list-main-font-size;
+      }
 
-  .dx-button-content {
-    padding: 4px;
+      .dx-button-content {
+        padding: 0 $material-list-item-horizontal-padding;
 
-    .dx-icon {
-      color: $toolbar-color;
+        .dx-icon {
+          margin-right: $material-list-item-horizontal-padding;
 
-      @include dx-icon-sizing($material-button-icon-size);
+          @include dx-icon-sizing($material-button-icon-size);
+
+          .dx-rtl & {
+            margin-right: 0;
+            margin-left: $material-list-item-horizontal-padding;
+          }
+        }
+      }
     }
   }
 
@@ -102,8 +110,8 @@
 }
 
 .dx-toolbar-button {
-  .dx-button-has-text:not(.dx-button-back) {
-    .dx-icon {
+  .dx-button-has-text {
+    .dx-button-content .dx-icon {
       @include dx-icon-sizing($material-button-icon-size);
       @include dx-icon-margin(6px);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "21.2.3",
+  "version": "21.2.4-build-21322-1627",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",