devextreme-themebuilder 21.2.11 → 21.2.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dart-compiler/metadata/dx-theme-builder-metadata.json +1 -1
- package/data/metadata/dx-theme-builder-metadata.js +2 -2
- package/data/scss/widgets/base/_gridBase.scss +2 -0
- package/data/scss/widgets/base/pivotGrid/_index.scss +4 -0
- package/data/scss/widgets/generic/textEditor/_index.scss +4 -2
- package/data/scss/widgets/generic/treeList/_index.scss +5 -1
- package/data/scss/widgets/material/dataGrid/_index.scss +1 -1
- package/data/scss/widgets/material/gridBase/_index.scss +0 -12
- package/data/scss/widgets/material/textEditor/_index.scss +9 -1
- package/package.json +1 -1
|
@@ -1 +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":"$fieldset-field-label-color","Name":"10. Label text 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":"$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":"$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":"$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":"$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-base-background-color","Name":"60. Background 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":"$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":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader 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"}]}
|
|
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-base-background-color","Name":"60. Background 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":"$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":"$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":"$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"}]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.dependencies = exports.browsersList = exports.version = exports.metadata = void 0;
|
|
4
|
-
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': '$fieldset-field-label-color', 'Name': '10. Label text 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': '$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': '$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': '$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': '$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-base-background-color', 'Name': '60. Background 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': '$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': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader 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' }] };
|
|
5
|
-
exports.version = '21.2.
|
|
4
|
+
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-base-background-color', 'Name': '60. Background 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': '$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': '$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': '$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' }] };
|
|
5
|
+
exports.version = '21.2.12';
|
|
6
6
|
exports.browsersList = ['last 2 versions', 'ios > 8', '> 1%'];
|
|
7
7
|
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'], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'list'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview', 'list'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'list', 'checkbox'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'list', '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', 'list', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'popup', 'popover', 'list'], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'htmleditor': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'popup', 'popover', 'list', 'toolbar', 'textbox', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'contextmenu'], 'sortable': [], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'list', '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', 'list', 'checkbox', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'list'], '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', 'list', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'scrollview', 'popup', 'popover', 'list', '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', 'scrollview', 'popup', 'popover', 'list', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'list', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'list', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'toolbar', 'dropdownbutton'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'scrollview', 'popup', 'popover', 'list', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'loadpanel', 'scrollview', 'popup', 'popover', 'list', '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', 'list', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder', 'sortable'] };
|
|
@@ -381,9 +381,12 @@ $generic-texteditor-label-transition:
|
|
|
381
381
|
height: 100%;
|
|
382
382
|
|
|
383
383
|
.dx-label {
|
|
384
|
+
height: 100%;
|
|
384
385
|
border-bottom: $border-width $borderStyle $borderColor;
|
|
385
386
|
border-top: 0;
|
|
386
|
-
|
|
387
|
+
border-left: $border-width $borderStyle transparent;
|
|
388
|
+
margin-left: -1px;
|
|
389
|
+
clip-path: inset(-$generic-texteditor-label-size -1px -1px 1px);
|
|
387
390
|
padding: 0 2px;
|
|
388
391
|
|
|
389
392
|
span {
|
|
@@ -444,7 +447,6 @@ $generic-texteditor-label-transition:
|
|
|
444
447
|
.dx-label {
|
|
445
448
|
border-bottom: $border-width $borderStyle $borderColor;
|
|
446
449
|
border-top: $border-width $borderStyle $borderColor;
|
|
447
|
-
height: 100%;
|
|
448
450
|
|
|
449
451
|
span {
|
|
450
452
|
transition: $generic-texteditor-label-transition;
|
|
@@ -99,6 +99,10 @@ $treelist-icon-container-padding-right: $generic-grid-base-checkbox-icon-size +
|
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
|
+
|
|
103
|
+
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
|
|
104
|
+
padding-left: $generic-grid-base-cell-padding;
|
|
105
|
+
}
|
|
102
106
|
}
|
|
103
107
|
|
|
104
108
|
.dx-treelist-checkbox-size {
|
|
@@ -107,7 +111,7 @@ $treelist-icon-container-padding-right: $generic-grid-base-checkbox-icon-size +
|
|
|
107
111
|
|
|
108
112
|
.dx-treelist-cell-expandable,
|
|
109
113
|
.dx-treelist-select-all {
|
|
110
|
-
.dx-checkbox {
|
|
114
|
+
.dx-select-checkbox {
|
|
111
115
|
position: absolute;
|
|
112
116
|
}
|
|
113
117
|
}
|
|
@@ -383,18 +383,6 @@ $grid-masterdetail-padding: 16px;
|
|
|
383
383
|
padding-right: 0;
|
|
384
384
|
}
|
|
385
385
|
}
|
|
386
|
-
|
|
387
|
-
.dx-searchbox {
|
|
388
|
-
.dx-texteditor-input,
|
|
389
|
-
.dx-placeholder::before {
|
|
390
|
-
padding-left: $material-texteditor-icon-container-size;
|
|
391
|
-
|
|
392
|
-
@at-root #{selector-append(".dx-rtl", &)},
|
|
393
|
-
.dx-rtl & {
|
|
394
|
-
padding-right: $material-texteditor-icon-container-size;
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
}
|
|
398
386
|
}
|
|
399
387
|
|
|
400
388
|
.dx-editor-cell {
|
|
@@ -678,7 +678,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
678
678
|
height: 100%;
|
|
679
679
|
|
|
680
680
|
.dx-label {
|
|
681
|
-
padding: 0;
|
|
681
|
+
padding: 0 2px;
|
|
682
682
|
height: 100%;
|
|
683
683
|
box-shadow:
|
|
684
684
|
inset 0 -#{$shadowOffset}px $borderColor,
|
|
@@ -884,6 +884,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
884
884
|
inset 0 1px transparent,
|
|
885
885
|
inset 1px 0 transparent,
|
|
886
886
|
inset -1px 0 transparent;
|
|
887
|
+
margin-left: -2px;
|
|
888
|
+
margin-right: -2px;
|
|
889
|
+
border-radius: 1px;
|
|
890
|
+
clip-path: inset(-$material-texteditor-label-font-size 1px -1px 1px);
|
|
887
891
|
|
|
888
892
|
span {
|
|
889
893
|
transform: translate(0, -$label-offset-y);
|
|
@@ -901,6 +905,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
901
905
|
inset 0 1px $texteditor-border-color,
|
|
902
906
|
inset -1px 0 transparent,
|
|
903
907
|
inset 1px 0 $texteditor-border-color;
|
|
908
|
+
clip-path: inset(-1px 1px -1px -1px);
|
|
904
909
|
}
|
|
905
910
|
|
|
906
911
|
.dx-label-after {
|
|
@@ -909,6 +914,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
909
914
|
inset 0 1px $texteditor-border-color,
|
|
910
915
|
inset -1px 0 $texteditor-border-color,
|
|
911
916
|
inset 1px 0 transparent;
|
|
917
|
+
clip-path: inset(-1px -1px -1px 1px);
|
|
912
918
|
}
|
|
913
919
|
}
|
|
914
920
|
|
|
@@ -922,6 +928,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
922
928
|
inset 0 1px $texteditor-border-color,
|
|
923
929
|
inset -1px 0 $texteditor-border-color,
|
|
924
930
|
inset 1px 0 transparent;
|
|
931
|
+
clip-path: inset(-1px -1px -1px 1px);
|
|
925
932
|
}
|
|
926
933
|
|
|
927
934
|
.dx-label-after {
|
|
@@ -931,6 +938,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
931
938
|
inset 0 1px $texteditor-border-color,
|
|
932
939
|
inset -1px 0 transparent,
|
|
933
940
|
inset 1px 0 $texteditor-border-color;
|
|
941
|
+
clip-path: inset(-1px 1px -1px -1px);
|
|
934
942
|
}
|
|
935
943
|
}
|
|
936
944
|
}
|