devextreme-themebuilder 21.2.4 → 21.2.5
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 +3 -3
- package/data/scss/widgets/generic/dropDownButton/_index.scss +2 -0
- package/data/scss/widgets/generic/lookup/_index.scss +0 -8
- package/data/scss/widgets/generic/textEditor/_index.scss +34 -2
- package/data/scss/widgets/material/gridBase/_index.scss +10 -2
- package/data/scss/widgets/material/textBox/_index.scss +35 -21
- package/data/scss/widgets/material/textEditor/_index.scss +34 -2
- package/data/scss/widgets/material/treeList/_index.scss +0 -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":"$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":"$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":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background 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":"$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":"$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":"$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":"$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":"$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-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":"$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":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background 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":"$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":"$selectbox-list-bg","Name":"10. Item 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': '$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': '$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': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background 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': '$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': '$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': '$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': '$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': '$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-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': '$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': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background 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': '$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': '$selectbox-list-bg', 'Name': '10. Item 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.5';
|
|
6
6
|
exports.browsersList = ['last 2 versions', 'ios > 8', '> 1%'];
|
|
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'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'checkbox', 'selectbox', 'box'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'responsivebox': ['box'], 'form': ['validation', 'multiview', 'button', 'tabs', 'tabpanel', 'box', 'responsivebox', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'loadpanel', 'scrollview', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview'], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'htmleditor': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'contextmenu'], 'sortable': [], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox'], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'popover'], 'map': [], 'navbar': ['validation', 'button', 'tabs'], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'switch': ['validation'], 'tagbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'accordion': [], 'treeview': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview'], 'filterbuilder': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'popup', 'numberbox', 'loadpanel', 'scrollview', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'checkbox', 'treeview', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'actionsheet', 'toolbar'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'popover', 'actionsheet', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'contextmenu', 'checkbox', 'selectbox', 'numberbox', 'colorbox', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder', 'sortable'] };
|
|
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'], 'autocomplete': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview'], 'box': [], 'buttongroup': ['validation', 'button'], 'dropdownbutton': ['validation', 'button', 'buttongroup', 'popup', 'loadindicator', 'loadpanel', 'scrollview'], 'calendar': ['validation', 'button'], 'checkbox': ['validation'], 'numberbox': ['validation', 'button', 'loadindicator'], 'colorbox': ['validation', 'button', 'loadindicator', 'numberbox', 'textbox', 'popup'], 'selectbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox'], 'datebox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'calendar', 'numberbox', 'loadpanel', 'scrollview', 'checkbox', 'selectbox', 'box'], 'drawer': [], 'deferrendering': ['loadindicator'], 'dropdownbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup'], 'progressbar': ['validation'], 'fileuploader': ['validation', 'button', 'progressbar'], 'multiview': [], 'tabs': ['validation', 'button'], 'tabpanel': ['multiview', 'validation', 'button', 'tabs'], 'responsivebox': ['box'], 'form': ['validation', 'multiview', 'button', 'tabs', 'tabpanel', 'box', 'responsivebox', 'loadindicator', 'textbox', 'numberbox', 'checkbox', 'popup', 'calendar', 'loadpanel', 'scrollview', 'selectbox', 'datebox'], 'gallery': [], 'toolbar': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview'], 'contextmenu': ['validation', 'button', 'loadindicator', 'textbox'], 'htmleditor': ['validation', 'button', 'popup', 'popover', 'actionsheet', 'loadindicator', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'checkbox', 'selectbox', 'numberbox', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'calendar', 'datebox', 'form', 'buttongroup', 'colorbox', 'contextmenu'], 'sortable': [], 'list': ['validation', 'button', 'loadindicator', 'loadpanel', 'scrollview', 'checkbox', 'popup', 'popover', 'actionsheet', 'sortable', 'textbox'], 'lookup': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'popover'], 'map': [], 'navbar': ['validation', 'button', 'tabs'], 'radiogroup': ['validation'], 'tooltip': ['validation', 'button', 'popup', 'popover'], 'slider': ['validation', 'button', 'popup', 'popover', 'tooltip'], 'rangeslider': ['validation', 'button', 'popup', 'popover', 'tooltip', 'slider'], 'speeddialaction': [], 'switch': ['validation'], 'tagbox': ['validation', 'button', 'loadindicator', 'textbox', 'popup', 'loadpanel', 'scrollview', 'checkbox', 'selectbox'], 'textarea': ['validation', 'button', 'loadindicator', 'textbox'], 'tileview': ['loadindicator', 'loadpanel', 'scrollview'], 'slideoutview': [], 'slideout': ['slideoutview', 'validation', 'button', 'loadindicator', 'loadpanel', 'scrollview'], 'accordion': [], 'treeview': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox'], 'menu': ['validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview'], 'filterbuilder': ['validation', 'button', 'loadindicator', 'textbox', 'checkbox', 'treeview', 'popup', 'numberbox', 'loadpanel', 'scrollview', 'selectbox', 'calendar', 'box', 'datebox'], 'datagrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'checkbox', 'treeview', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable'], 'treelist': ['loadindicator', 'loadpanel', 'validation', 'button', 'textbox', 'contextmenu', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar'], 'pivotgrid': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'textbox', 'checkbox', 'treeview', 'scrollview', 'contextmenu'], 'scheduler': ['validation', 'button', 'popup', 'loadindicator', 'loadpanel', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'buttongroup', 'radiogroup', 'textarea', 'tagbox', 'switch', 'popover', 'tooltip', 'actionsheet', 'toolbar', 'dropdownbutton'], 'filemanager': ['toast', 'validation', 'button', 'loadindicator', 'textbox', 'contextmenu', 'checkbox', 'treeview', 'loadpanel', 'popup', 'popover', 'actionsheet', 'scrollview', 'toolbar', 'numberbox', 'selectbox', 'calendar', 'box', 'datebox', 'multiview', 'tabs', 'tabpanel', 'responsivebox', 'form', 'menu', 'filterbuilder', 'buttongroup', 'dropdownbutton', 'sortable', 'datagrid', 'drawer', 'progressbar', 'fileuploader'], 'diagram': ['loadindicator', 'validation', 'button', 'popup', 'popover', 'actionsheet', 'loadpanel', 'scrollview', 'toolbar', 'textbox', 'contextmenu', 'checkbox', 'selectbox', 'numberbox', 'colorbox', 'accordion', 'tooltip', 'multiview', 'tabs', 'tabpanel', 'progressbar', 'fileuploader'], 'gantt': ['loadindicator', 'loadpanel', 'validation', 'button', 'popup', 'multiview', 'tabs', 'tabpanel', 'box', 'responsivebox', 'textbox', 'numberbox', 'checkbox', 'calendar', 'scrollview', 'selectbox', 'datebox', 'form', 'tagbox', 'radiogroup', 'popover', 'actionsheet', 'toolbar', 'contextmenu', 'treelist', 'treeview', 'menu', 'filterbuilder', 'sortable'] };
|
|
@@ -312,6 +312,10 @@ $generic-texteditor-label-transition:
|
|
|
312
312
|
display: none;
|
|
313
313
|
}
|
|
314
314
|
|
|
315
|
+
.dx-lookup-field {
|
|
316
|
+
font-size: 0;
|
|
317
|
+
}
|
|
318
|
+
|
|
315
319
|
.dx-texteditor-label {
|
|
316
320
|
transition: $generic-texteditor-label-transition;
|
|
317
321
|
font-size: $generic-base-font-size;
|
|
@@ -343,6 +347,10 @@ $generic-texteditor-label-transition:
|
|
|
343
347
|
display: block;
|
|
344
348
|
}
|
|
345
349
|
|
|
350
|
+
.dx-lookup-field {
|
|
351
|
+
font-size: $generic-base-font-size;
|
|
352
|
+
}
|
|
353
|
+
|
|
346
354
|
.dx-texteditor-label {
|
|
347
355
|
font-size: $generic-texteditor-label-size;
|
|
348
356
|
top: 0;
|
|
@@ -406,6 +414,10 @@ $generic-texteditor-label-transition:
|
|
|
406
414
|
}
|
|
407
415
|
}
|
|
408
416
|
|
|
417
|
+
.dx-lookup-field {
|
|
418
|
+
font-size: $generic-base-font-size;
|
|
419
|
+
}
|
|
420
|
+
|
|
409
421
|
&.dx-rtl {
|
|
410
422
|
.dx-texteditor-label {
|
|
411
423
|
.dx-label-before {
|
|
@@ -470,6 +482,10 @@ $generic-texteditor-label-transition:
|
|
|
470
482
|
}
|
|
471
483
|
}
|
|
472
484
|
|
|
485
|
+
.dx-lookup-field {
|
|
486
|
+
font-size: 0;
|
|
487
|
+
}
|
|
488
|
+
|
|
473
489
|
.dx-placeholder {
|
|
474
490
|
display: none;
|
|
475
491
|
}
|
|
@@ -531,11 +547,19 @@ $generic-texteditor-label-transition:
|
|
|
531
547
|
&.dx-state-hover {
|
|
532
548
|
@include dx-state-empty($texteditor-hover-border-color, solid);
|
|
533
549
|
|
|
550
|
+
&.dx-dropdowneditor-active {
|
|
551
|
+
@include dx-state($texteditor-hover-border-color, solid);
|
|
552
|
+
}
|
|
553
|
+
|
|
534
554
|
&.dx-invalid {
|
|
535
555
|
@include dx-state-empty($texteditor-invalid-focused-border-color, solid);
|
|
536
556
|
}
|
|
537
557
|
}
|
|
538
558
|
|
|
559
|
+
&.dx-dropdowneditor-active {
|
|
560
|
+
@include dx-state($texteditor-border-color, solid);
|
|
561
|
+
}
|
|
562
|
+
|
|
539
563
|
&.dx-state-readonly,
|
|
540
564
|
&.dx-state-disabled {
|
|
541
565
|
@include dx-state-empty($texteditor-border-color, dashed);
|
|
@@ -649,10 +673,10 @@ $generic-texteditor-label-transition:
|
|
|
649
673
|
}
|
|
650
674
|
}
|
|
651
675
|
|
|
652
|
-
&.dx-dropdowneditor-active,
|
|
653
|
-
&.dx-dropdowneditor-active.dx-state-hover,
|
|
654
676
|
&.dx-textarea.dx-state-focused,
|
|
655
677
|
&.dx-textarea.dx-state-focused.dx-state-hover,
|
|
678
|
+
&.dx-dropdowneditor-active.dx-state-focused,
|
|
679
|
+
&.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
|
|
656
680
|
&.dx-state-focused,
|
|
657
681
|
&.dx-state-focused.dx-state-hover {
|
|
658
682
|
@include dx-state($texteditor-focused-border-color, solid);
|
|
@@ -720,6 +744,10 @@ $generic-texteditor-label-transition:
|
|
|
720
744
|
display: none;
|
|
721
745
|
}
|
|
722
746
|
|
|
747
|
+
.dx-lookup-field {
|
|
748
|
+
font-size: 0;
|
|
749
|
+
}
|
|
750
|
+
|
|
723
751
|
.dx-texteditor-label {
|
|
724
752
|
transition: $generic-texteditor-label-transition;
|
|
725
753
|
transform: translate(0, 0);
|
|
@@ -753,6 +781,10 @@ $generic-texteditor-label-transition:
|
|
|
753
781
|
display: block;
|
|
754
782
|
}
|
|
755
783
|
|
|
784
|
+
.dx-lookup-field {
|
|
785
|
+
font-size: $generic-base-font-size;
|
|
786
|
+
}
|
|
787
|
+
|
|
756
788
|
.dx-texteditor-label {
|
|
757
789
|
transform: $label-transform;
|
|
758
790
|
font-size: $generic-texteditor-label-size;
|
|
@@ -241,6 +241,11 @@ $grid-masterdetail-padding: 16px;
|
|
|
241
241
|
}
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
+
.dx-#{$widget-name}-table .dx-header-row > td {
|
|
245
|
+
padding-top: $material-grid-base-header-cell-vertical-padding;
|
|
246
|
+
padding-bottom: $material-grid-base-header-cell-vertical-padding;
|
|
247
|
+
}
|
|
248
|
+
|
|
244
249
|
.dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row {
|
|
245
250
|
> td:not(.dx-validation-pending):not(.dx-#{$widget-name}-select-all),
|
|
246
251
|
> td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
|
|
@@ -622,8 +627,6 @@ $grid-masterdetail-padding: 16px;
|
|
|
622
627
|
.dx-row {
|
|
623
628
|
> td {
|
|
624
629
|
border-bottom: $datagrid-border;
|
|
625
|
-
padding-top: $material-grid-base-header-cell-vertical-padding;
|
|
626
|
-
padding-bottom: $material-grid-base-header-cell-vertical-padding;
|
|
627
630
|
line-height: $material-grid-base-header-line-height;
|
|
628
631
|
font-weight: $datagrid-columnchooser-font-weight;
|
|
629
632
|
font-size: $material-grid-base-header-cell-font-size;
|
|
@@ -664,6 +667,11 @@ $grid-masterdetail-padding: 16px;
|
|
|
664
667
|
padding-bottom: 12px;
|
|
665
668
|
vertical-align: bottom;
|
|
666
669
|
border-right: 1px solid $material-grid-base-border-color;
|
|
670
|
+
border-left: 1px solid $material-grid-base-border-color;
|
|
671
|
+
|
|
672
|
+
&:first-child {
|
|
673
|
+
border-left: none;
|
|
674
|
+
}
|
|
667
675
|
|
|
668
676
|
&:last-child {
|
|
669
677
|
border-right: none;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@use "sass:math";
|
|
1
2
|
@use "sass:color";
|
|
2
3
|
@use "colors" as *;
|
|
3
4
|
@use "../colors" as *;
|
|
@@ -11,11 +12,36 @@
|
|
|
11
12
|
// adduse
|
|
12
13
|
@use "../textEditor" as *;
|
|
13
14
|
|
|
15
|
+
$textbox-search-icon-right-padding: math.div($material-filled-texteditor-input-horizontal-padding, 2);
|
|
16
|
+
$textbox-standard-search-icon-size:
|
|
17
|
+
$material-texteditor-icon-container-size +
|
|
18
|
+
$material-base-standard-texteditor-input-horizontal-padding +
|
|
19
|
+
$textbox-search-icon-right-padding;
|
|
20
|
+
$textbox-filled-search-icon-size:
|
|
21
|
+
$material-texteditor-icon-container-size +
|
|
22
|
+
$material-filled-texteditor-input-horizontal-padding +
|
|
23
|
+
$textbox-search-icon-right-padding;
|
|
24
|
+
|
|
25
|
+
@mixin dx-texteditor-search-icon($texteditor-icon-size, $texteditor-padding) {
|
|
26
|
+
position: absolute;
|
|
27
|
+
top: 50%;
|
|
28
|
+
margin-top: math.div(-($texteditor-icon-size), 2);
|
|
29
|
+
|
|
30
|
+
@include dx-icon-sizing($material-texteditor-icon-container-size, $texteditor-icon-size);
|
|
31
|
+
|
|
32
|
+
padding-left: $texteditor-padding;
|
|
33
|
+
padding-right: $textbox-search-icon-right-padding;
|
|
34
|
+
|
|
35
|
+
@at-root #{selector-append(".dx-rtl", &)},
|
|
36
|
+
.dx-rtl & {
|
|
37
|
+
padding-right: $texteditor-padding;
|
|
38
|
+
padding-left: $textbox-search-icon-right-padding;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
14
41
|
|
|
15
42
|
.dx-searchbox {
|
|
16
43
|
.dx-icon-search {
|
|
17
44
|
@include dx-icon(search);
|
|
18
|
-
@include dx-texteditor-icon();
|
|
19
45
|
|
|
20
46
|
&::before {
|
|
21
47
|
color: $textbox-search-icon-color;
|
|
@@ -26,23 +52,17 @@
|
|
|
26
52
|
|
|
27
53
|
&.dx-editor-underlined {
|
|
28
54
|
.dx-icon-search {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
@at-root #{selector-append(".dx-rtl", &)},
|
|
32
|
-
.dx-rtl & {
|
|
33
|
-
left: initial;
|
|
34
|
-
right: $material-base-standard-texteditor-input-horizontal-padding;
|
|
35
|
-
}
|
|
55
|
+
@include dx-texteditor-search-icon($textbox-standard-search-icon-size, $material-base-standard-texteditor-input-horizontal-padding);
|
|
36
56
|
}
|
|
37
57
|
|
|
38
58
|
.dx-texteditor-input,
|
|
39
59
|
.dx-placeholder::before {
|
|
40
|
-
padding-left: $
|
|
60
|
+
padding-left: $textbox-standard-search-icon-size;
|
|
41
61
|
|
|
42
62
|
@at-root #{selector-append(".dx-rtl", &)},
|
|
43
63
|
.dx-rtl & {
|
|
44
|
-
padding-left:
|
|
45
|
-
padding-right: $
|
|
64
|
+
padding-left: $material-base-standard-texteditor-input-horizontal-padding;
|
|
65
|
+
padding-right: $textbox-standard-search-icon-size;
|
|
46
66
|
}
|
|
47
67
|
}
|
|
48
68
|
}
|
|
@@ -50,23 +70,17 @@
|
|
|
50
70
|
&.dx-editor-filled,
|
|
51
71
|
&.dx-editor-outlined {
|
|
52
72
|
.dx-icon-search {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
@at-root #{selector-append(".dx-rtl", &)},
|
|
56
|
-
.dx-rtl & {
|
|
57
|
-
left: initial;
|
|
58
|
-
right: $material-filled-texteditor-input-horizontal-padding;
|
|
59
|
-
}
|
|
73
|
+
@include dx-texteditor-search-icon($textbox-filled-search-icon-size, $material-filled-texteditor-input-horizontal-padding);
|
|
60
74
|
}
|
|
61
75
|
|
|
62
76
|
.dx-texteditor-input,
|
|
63
77
|
.dx-placeholder::before {
|
|
64
|
-
padding-left: $
|
|
78
|
+
padding-left: $textbox-filled-search-icon-size;
|
|
65
79
|
|
|
66
80
|
@at-root #{selector-append(".dx-rtl", &)},
|
|
67
81
|
.dx-rtl & {
|
|
68
|
-
padding-left:
|
|
69
|
-
padding-right: $
|
|
82
|
+
padding-left: $material-filled-texteditor-input-horizontal-padding;
|
|
83
|
+
padding-right: $textbox-filled-search-icon-size;
|
|
70
84
|
}
|
|
71
85
|
}
|
|
72
86
|
}
|
|
@@ -535,6 +535,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
535
535
|
display: none;
|
|
536
536
|
}
|
|
537
537
|
|
|
538
|
+
.dx-lookup-field {
|
|
539
|
+
font-size: 0;
|
|
540
|
+
}
|
|
541
|
+
|
|
538
542
|
.dx-texteditor-label {
|
|
539
543
|
transition: $material-editor-label-transition;
|
|
540
544
|
font-size: $material-texteditor-font-size;
|
|
@@ -566,6 +570,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
566
570
|
display: block;
|
|
567
571
|
}
|
|
568
572
|
|
|
573
|
+
.dx-lookup-field {
|
|
574
|
+
font-size: $material-texteditor-font-size;
|
|
575
|
+
}
|
|
576
|
+
|
|
569
577
|
.dx-texteditor-label {
|
|
570
578
|
font-size: $material-texteditor-label-font-size;
|
|
571
579
|
height: $material-texteditor-label-font-size;
|
|
@@ -635,6 +643,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
635
643
|
}
|
|
636
644
|
}
|
|
637
645
|
|
|
646
|
+
.dx-lookup-field {
|
|
647
|
+
font-size: $material-texteditor-font-size;
|
|
648
|
+
}
|
|
649
|
+
|
|
638
650
|
&.dx-rtl,
|
|
639
651
|
.dx-rtl & {
|
|
640
652
|
.dx-texteditor-label {
|
|
@@ -713,6 +725,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
713
725
|
display: none;
|
|
714
726
|
}
|
|
715
727
|
|
|
728
|
+
.dx-lookup-field {
|
|
729
|
+
font-size: 0;
|
|
730
|
+
}
|
|
731
|
+
|
|
716
732
|
&.dx-rtl,
|
|
717
733
|
.dx-rtl & {
|
|
718
734
|
.dx-texteditor-label {
|
|
@@ -814,10 +830,18 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
814
830
|
&.dx-state-hover {
|
|
815
831
|
@include dx-state-empty($texteditor-hover-border-color, 1);
|
|
816
832
|
|
|
833
|
+
&.dx-dropdowneditor-active {
|
|
834
|
+
@include dx-state($texteditor-hover-border-color, 1);
|
|
835
|
+
}
|
|
836
|
+
|
|
817
837
|
&.dx-invalid {
|
|
818
838
|
@include dx-state-empty($texteditor-invalid-focused-border-color, 1);
|
|
819
839
|
}
|
|
820
840
|
}
|
|
841
|
+
|
|
842
|
+
&.dx-dropdowneditor-active {
|
|
843
|
+
@include dx-state($texteditor-border-color, 1);
|
|
844
|
+
}
|
|
821
845
|
}
|
|
822
846
|
}
|
|
823
847
|
|
|
@@ -922,10 +946,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
922
946
|
}
|
|
923
947
|
}
|
|
924
948
|
|
|
925
|
-
&.dx-dropdowneditor-active,
|
|
926
|
-
&.dx-dropdowneditor-active.dx-state-hover,
|
|
927
949
|
&.dx-textarea.dx-state-focused,
|
|
928
950
|
&.dx-textarea.dx-state-focused.dx-state-hover,
|
|
951
|
+
&.dx-dropdowneditor-active.dx-state-focused,
|
|
952
|
+
&.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
|
|
929
953
|
&.dx-state-focused,
|
|
930
954
|
&.dx-state-focused.dx-state-hover {
|
|
931
955
|
@include dx-state($texteditor-focused-border-color, 2);
|
|
@@ -982,6 +1006,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
982
1006
|
display: block;
|
|
983
1007
|
}
|
|
984
1008
|
|
|
1009
|
+
.dx-lookup-field {
|
|
1010
|
+
font-size: $material-texteditor-font-size;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
985
1013
|
.dx-texteditor-label {
|
|
986
1014
|
transform: $label-transform;
|
|
987
1015
|
font-size: $material-texteditor-label-font-size;
|
|
@@ -1084,6 +1112,10 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
1084
1112
|
display: none;
|
|
1085
1113
|
}
|
|
1086
1114
|
|
|
1115
|
+
.dx-lookup-field {
|
|
1116
|
+
font-size: 0;
|
|
1117
|
+
}
|
|
1118
|
+
|
|
1087
1119
|
.dx-texteditor-label {
|
|
1088
1120
|
transition: $material-editor-label-transition;
|
|
1089
1121
|
transform: $label-transform;
|
|
@@ -137,7 +137,6 @@ $treelist-icon-container-padding-right: $material-grid-base-checkbox-size + $mat
|
|
|
137
137
|
|
|
138
138
|
.dx-checkbox {
|
|
139
139
|
left: $treelist-checkbox-offset-left;
|
|
140
|
-
top: math.div($material-grid-base-header-height - $material-grid-base-checkbox-size, 2);
|
|
141
140
|
}
|
|
142
141
|
}
|
|
143
142
|
|