devextreme-themebuilder 21.2.3-build-21284-0311 → 21.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dart-compiler/metadata/dx-theme-builder-metadata.json +1 -1
- package/data/metadata/dx-theme-builder-metadata.js +2 -2
- package/data/scss/widgets/base/_htmlEditor.scss +8 -0
- package/data/scss/widgets/base/_slider.scss +1 -1
- package/data/scss/widgets/base/list/_index.scss +5 -2
- package/data/scss/widgets/base/scheduler/_index.scss +2 -0
- package/data/scss/widgets/base/scheduler/views/_index.scss +9 -6
- package/data/scss/widgets/base/scheduler/views/renovation/_index.scss +71 -0
- package/data/scss/widgets/base/scheduler/views/timelines/_index.scss +8 -4
- package/data/scss/widgets/generic/scheduler/_index.scss +1 -0
- package/data/scss/widgets/generic/scheduler/_sizes.scss +5 -0
- package/data/scss/widgets/material/lookup/_index.scss +5 -0
- package/data/scss/widgets/material/lookup/_sizes.scss +3 -0
- package/data/scss/widgets/material/scheduler/_index.scss +2 -1
- package/data/scss/widgets/material/scheduler/_sizes.scss +2 -0
- package/data/scss/widgets/material/textEditor/_index.scss +2 -3
- package/data/scss/widgets/material/textEditor/_sizes.scss +6 -0
- 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":"$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":"$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":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$filterbuilder-menu-icon-color","Name":"10. Menu icon color","Type":"color"},{"Key":"$datagrid-base-color","Name":"10. Text color","Type":"color"},{"Key":"$datagrid-base-background-color","Name":"60. Background color","Type":"color"},{"Key":"$datagrid-border-color","Name":"70. Border color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"normal|bold|light"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-hover-bg","Name":"90. Hovered row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data border color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-nodata-color","Name":"30. NoData message text color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-spin-icon-color","Name":"125. Spin icon color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-link-color","Name":"40. Link color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-columnchooser-bg","Name":"140. Column chooser background color","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10 Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"60. First day of month separator color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"70. Focused cell color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scheduler-time-indicator-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-invalid-color","Name":"1. Invalid widget state - active color","Type":"color"},{"Key":"$base-invalid-faded-border-color","Name":"2. Invalid widget state - border color","Type":"color"},{"Key":"$base-border-radius-small","Name":"70. Border radius","Type":"text"},{"Key":"$base-border-radius-large","Name":"30. Border radius","Type":"text"}],"material":[{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-normal-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-normal-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-default-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-default-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-danger-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-danger-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-success-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-success-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-header-color","Name":"20. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"40. Selected cell background color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"50. Shevron icon color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10. Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"60. Focused cell color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"70. First day of month separator color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$material-slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$material-slider-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$material-slider-tooltip-color","Name":"30. Slider tooltip text color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$switch-bg","Name":"20. Track 'OFF' background color","Type":"color"},{"Key":"$switch-handle-off-bg","Name":"30. Handle 'OFF' background color","Type":"color"},{"Key":"$switch-on-bg","Name":"40. Track 'ON' background color","Type":"color"},{"Key":"$switch-handle-on-bg","Name":"50. Handle 'ON' background color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-selected-tab-bottom-border-color","Name":"30. Selected tab bottom border color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"40. Tab background color","Type":"color"},{"Key":"$tabs-hovered-tab-bg-color","Name":"50. Hovered tab background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-active-color","Name":"30. Tag active text color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"40. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-focused-bg","Name":"40. Focused background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"70. Focused border color","Type":"color"},{"Key":"$texteditor-hover-bg","Name":"40. Hovered background color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"80. Focused state background color","Type":"color"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"}]}
|
|
1
|
+
{"generic":[{"Key":"$accordion-color","Name":"50. Text color","Type":"color"},{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-title-opened-bg","Name":"20. Active item title background color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"30. Item border color","Type":"color"},{"Key":"$accordion-item-focused-border-color","Name":"40. Focused item border color","Type":"color"},{"Key":"$accordion-title-active-color","Name":"70. Item title active state text color","Type":"color"},{"Key":"$accordion-item-hover-bg","Name":"90. Item title hovered state background color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$calendar-color","Name":"10. Text color","Type":"color"},{"Key":"$calendar-header-color","Name":"10. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-bg","Name":"40. Background color","Type":"color"},{"Key":"$calendar-hover-bg","Name":"50. Hovered cell background color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"30. Selected cell background color","Type":"color"},{"Key":"$calendar-cell-active-bg","Name":"70. Active state background Color","Type":"color"},{"Key":"$calendar-border-color","Name":"80. Border color","Type":"color"},{"Key":"$calendar-navigator-border-color","Name":"40. Date navigator border color","Type":"color"},{"Key":"$calendar-navigator-hover-border-color","Name":"50. Hovered state date navigator border color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"60. Shevron icon color","Type":"color"},{"Key":"$checkbox-border-color","Name":"10. Border color","Type":"color"},{"Key":"$checkbox-focused-borderd-color","Name":"70. Focused state border color","Type":"color"},{"Key":"$checkbox-bg","Name":"40. Background color","Type":"color"},{"Key":"$checkbox-hover-border-color","Name":"20. Hovered state border color","Type":"color"},{"Key":"$checkbox-active-icon-bg","Name":"80. Active state background color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-button-hover-bg","Name":"20. Dropdown button hovered state background color","Type":"color"},{"Key":"$dropdowneditor-button-active-bg","Name":"30. Dropdown button active state background color","Type":"color"},{"Key":"$dropdowneditor-icon-color","Name":"80. Spin icon color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"10. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"30. Navigation button color","Type":"color"},{"Key":"$gallery-nav-arrow-color","Name":"40. Navigation icon color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$list-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$list-group-color","Name":"20. Group header text color","Type":"color"},{"Key":"$list-group-header-bg","Name":"30. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"40. Selected item state background color","Type":"color"},{"Key":"$list-item-focused-selected-bg","Name":"50. Focused selected item state background color","Type":"color"},{"Key":"$list-focused-bg","Name":"60. Focused item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"50. Active state item background color","Type":"color"},{"Key":"$loadindicator-bg","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-popup-bg","Name":"40. Popup background color","Type":"color"},{"Key":"$menu-item-hover-bg","Name":"50. Hovered item background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-hovered-color","Name":"55. Hovered item text color","Type":"color"},{"Key":"$menu-item-expanded-color","Name":"10. Expanded item text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$menu-popup-border-color","Name":"20. Border color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$numberbox-spin-active-bg","Name":"10. Active spin buttons color","Type":"color"},{"Key":"$numberbox-spin-hover-border-color","Name":"20. Hovered spin buttons border color","Type":"color"},{"Key":"$numberbox-spin-icon-color","Name":"10. Spin icon color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$overlay-focus-border-color","Name":"30. Focus border color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$pivotgrid-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$radiogroup-checked-bg","Name":"10. Background color","Type":"color"},{"Key":"$radiobutton-active-bg","Name":"40. Active state background color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$scrollable-scrollbar-active-bg","Name":"20. Scrollbar background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$slider-range-bg","Name":"30. Selected range background color","Type":"color"},{"Key":"$switch-border-color","Name":"10. Border color","Type":"color"},{"Key":"$switch-on-color","Name":"10. 'ON' label color","Type":"color"},{"Key":"$switch-container-active-bg","Name":"30. Active state background color","Type":"color"},{"Key":"$switch-off-color","Name":"20. 'OFF' label color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$tabs-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$tabs-border-color","Name":"30. Border color","Type":"color"},{"Key":"$tabs-focused-border-color","Name":"40. Focus border color","Type":"color"},{"Key":"$tabs-tab-hover-bg","Name":"50. Hover background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"30. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-filled-bg","Name":"40. Filled editor background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"30. Focused border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$tooltip-border-color","Name":"30. Border color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"10. Focused state background color","Type":"color"},{"Key":"$treeview-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$treeview-border-color","Name":"100. Border color","Type":"color"},{"Key":"$treeview-item-selected-color","Name":"110. Selected item text color","Type":"color"},{"Key":"$treeview-spin-icon-color","Name":"120. Spin icon color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-border-color","Name":"30. Border color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$filterbuilder-menu-icon-color","Name":"10. Menu icon color","Type":"color"},{"Key":"$datagrid-base-color","Name":"10. Text color","Type":"color"},{"Key":"$datagrid-base-background-color","Name":"60. Background color","Type":"color"},{"Key":"$datagrid-border-color","Name":"70. Border color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"normal|bold|light"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-hover-bg","Name":"90. Hovered row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data border color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-nodata-color","Name":"30. NoData message text color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-spin-icon-color","Name":"125. Spin icon color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-link-color","Name":"40. Link color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-columnchooser-bg","Name":"140. Column chooser background color","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10 Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"60. First day of month separator color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"70. Focused cell color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scheduler-time-indicator-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-invalid-color","Name":"1. Invalid widget state - active color","Type":"color"},{"Key":"$base-invalid-faded-border-color","Name":"2. Invalid widget state - border color","Type":"color"},{"Key":"$base-border-radius-small","Name":"70. Border radius","Type":"text"},{"Key":"$base-border-radius-large","Name":"30. Border radius","Type":"text"}],"material":[{"Key":"$accordion-title-color","Name":"10. Item title text color","Type":"color"},{"Key":"$accordion-item-border-color","Name":"20. Item border color","Type":"color"},{"Key":"$accordion-icon-active-color","Name":"30. Item active state icon color","Type":"color"},{"Key":"$badge-color","Name":"130. Badge text color","Type":"color"},{"Key":"$badge-bg","Name":"140. Badge background color","Type":"color"},{"Key":"$button-normal-color","Name":"10. Text color","Type":"color"},{"Key":"$button-normal-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-normal-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-normal-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-normal-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-default-color","Name":"10. Text color","Type":"color"},{"Key":"$button-default-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-default-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-default-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-default-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-danger-color","Name":"10. Text color","Type":"color"},{"Key":"$button-danger-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-danger-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-danger-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-danger-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-success-color","Name":"10. Text color","Type":"color"},{"Key":"$button-success-bg","Name":"20. Background color","Type":"color"},{"Key":"$button-success-hover-bg","Name":"30. Hovered state background color","Type":"color"},{"Key":"$button-success-focused-bg","Name":"40. Focused state background color","Type":"color"},{"Key":"$button-success-active-bg","Name":"50. Active state background color","Type":"color"},{"Key":"$button-group-normal-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-normal-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-default-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-default-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-danger-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-danger-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$button-group-success-selected-color","Name":"10. Selected item text color","Type":"color"},{"Key":"$button-group-success-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$calendar-header-color","Name":"20. Header text color","Type":"color"},{"Key":"$calendar-cell-other-color","Name":"30. Other month text color","Type":"color"},{"Key":"$calendar-cell-selected-bg","Name":"40. Selected cell background color","Type":"color"},{"Key":"$calendar-shevron-icon-color","Name":"50. Shevron icon color","Type":"color"},{"Key":"$colorbox-overlay-bg","Name":"10. Overlay background","Type":"color"},{"Key":"$drawer-shader-background-color","Name":"10. Shader background color","Type":"color"},{"Key":"$dropdowneditor-icon-active-color","Name":"90. Spin active icon color","Type":"color"},{"Key":"$fieldset-field-label-color","Name":"10. Label text color","Type":"color"},{"Key":"$fileuploader-filename-color","Name":"10. Filename text color","Type":"color"},{"Key":"$fileuploader-falename-status-color","Name":"20. File status text color","Type":"color"},{"Key":"$fileuploader-border-color","Name":"30. Border color on dragover","Type":"color"},{"Key":"$filterbuilder-text-color","Name":"10. Text color","Type":"color"},{"Key":"$filterbuilder-text-focus-color","Name":"20. Focused text color","Type":"color"},{"Key":"$filterbuilder-plus-icon-color","Name":"30. Plus icon color","Type":"color"},{"Key":"$filterbuilder-remove-icon-color","Name":"40. Remove icon color","Type":"color"},{"Key":"$filterbuilder-group-operation-color","Name":"50. Group operation button color","Type":"color"},{"Key":"$filterbuilder-item-field-color","Name":"60. Data field button color","Type":"color"},{"Key":"$filterbuilder-item-operator-color","Name":"70. Operation button color","Type":"color"},{"Key":"$filterbuilder-item-value-color","Name":"80. Value button color","Type":"color"},{"Key":"$form-field-item-color","Name":"10. Label text color","Type":"color"},{"Key":"$form-group-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$gallery-indicator-bg","Name":"10. Indicator background color","Type":"color"},{"Key":"$gallery-indicator-item-selected-bg","Name":"20. Selected indicator background color","Type":"color"},{"Key":"$gallery-indicator-focused-bg","Name":"30. Focused indicator background color","Type":"color"},{"Key":"$gallery-navbutton-hover-color","Name":"40. Hovered navigation button color","Type":"color"},{"Key":"$gallery-navbutton-active-color","Name":"50. Active navigation button color","Type":"color"},{"Key":"$datagrid-columnchooser-item-color","Name":"20. Header text color","Type":"color"},{"Key":"$datagrid-columnchooser-font-weight","Name":"25. Header text weight","Type":"select","TypeValues":"300|500|700"},{"Key":"$datagrid-drag-header-border-color","Name":"35. Draggable header border color","Type":"color"},{"Key":"$datagrid-selection-bg","Name":"55. Selected row background color","Type":"color"},{"Key":"$datagrid-row-selected-border-color","Name":"60. Selected row border color","Type":"color"},{"Key":"$datagrid-row-selected-color","Name":"50. Selected row text color","Type":"color"},{"Key":"$datagrid-row-focused-color","Name":"65. Focused row text color","Type":"color"},{"Key":"$datagrid-row-focused-bg","Name":"70. Focused row background color","Type":"color"},{"Key":"$datagrid-menu-icon-color","Name":"30. Context menu icons color","Type":"color"},{"Key":"$datagrid-cell-modified-border-color","Name":"40. Modified data background color","Type":"color"},{"Key":"$datagrid-row-invalid-faded-border-color","Name":"45. Invalidate data faded color","Type":"color"},{"Key":"$datagrid-group-row-color","Name":"90. Group row text color","Type":"color"},{"Key":"$datagrid-group-row-bg","Name":"95. Group row background color","Type":"color"},{"Key":"$datagrid-search-color","Name":"105. Highlighted text color","Type":"color"},{"Key":"$datagrid-search-bg","Name":"110. Highlighted text background color","Type":"color"},{"Key":"$datagrid-row-error-color","Name":"115. Error row text color","Type":"color"},{"Key":"$datagrid-row-error-bg","Name":"120. Error row background color","Type":"color"},{"Key":"$datagrid-focused-border-color","Name":"75. Focused cell border color","Type":"color"},{"Key":"$datagrid-editor-bg","Name":"80. Editor background","Type":"color"},{"Key":"$datagrid-row-alternation-bg","Name":"85. Row alternation background color","Type":"color"},{"Key":"$datagrid-summary-color","Name":"100. Summary item color","Type":"color"},{"Key":"$list-group-color","Name":"10. Group header text color","Type":"color"},{"Key":"$list-border-color","Name":"20. Group border color","Type":"color"},{"Key":"$list-group-header-bg","Name":"20. Group header background color","Type":"color"},{"Key":"$list-normal-color","Name":"10. Item text color","Type":"color"},{"Key":"$list-expanded-group-color","Name":"25. Expanded group header text color","Type":"color"},{"Key":"$list-item-hover-bg","Name":"30. Hovered item background color","Type":"color"},{"Key":"$list-item-selected-bg","Name":"30. Selected item state background color","Type":"color"},{"Key":"$list-item-active-bg","Name":"40. Active state item background color","Type":"color"},{"Key":"$load-indicator-segment-bg-color","Name":"10. Load indicator color","Type":"color"},{"Key":"$loadpanel-content-bg","Name":"20. Loadpanel background color","Type":"color"},{"Key":"$menu-color","Name":"10. Text color","Type":"color"},{"Key":"$menu-item-selected-bg","Name":"20. Selected item background color","Type":"color"},{"Key":"$navbar-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$navbar-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$navbar-tab-bg","Name":"30. Tab background color","Type":"color"},{"Key":"$navbar-tab-selected-bg","Name":"40. Selected tab background color","Type":"color"},{"Key":"$overlay-content-bg","Name":"10. Content background color","Type":"color"},{"Key":"$overlay-shader-bg","Name":"20. Shader background color","Type":"color"},{"Key":"$pager-page-selected-color","Name":"150. Pager selected item text color","Type":"color"},{"Key":"$pager-page-selected-bg","Name":"160. Pager selected item background color","Type":"color"},{"Key":"$pivotgrid-area-color","Name":"10. Header text color","Type":"color"},{"Key":"$pivotgrid-totalcolor","Name":"20. Totals background color","Type":"color"},{"Key":"$pivotgrid-grandtotalcolor","Name":"30. Grand totals background color","Type":"color"},{"Key":"$pivotgrid-field-area-text-color","Name":"40. Field area text color","Type":"color"},{"Key":"$popup-title-bg","Name":"20. Header background color","Type":"color"},{"Key":"$progressbar-bg","Name":"10. Bar background color","Type":"color"},{"Key":"$progressbar-range-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$progressbar-label-color","Name":"30. Label color","Type":"color"},{"Key":"$scheduler-base-border-color","Name":"10. Border color","Type":"color"},{"Key":"$scheduler-accent-border-color","Name":"20. Hour separator color","Type":"color"},{"Key":"$scheduler-appointment-text-color","Name":"30. Appointment text color","Type":"color"},{"Key":"$scheduler-appointment-base-color","Name":"40. Appointment background color","Type":"color"},{"Key":"$scheduler-appointment-start-color","Name":"50. Start appointment color","Type":"color"},{"Key":"$scheduler-workspace-focused-cell-color","Name":"60. Focused cell color","Type":"color"},{"Key":"$scheduler-first-month-border-color","Name":"70. First day of month separator color","Type":"color"},{"Key":"$scheduler-current-time-cell-color","Name":"80. Date-time indicator color","Type":"color"},{"Key":"$scrollable-scroll-bg","Name":"10. Scroller background color","Type":"color"},{"Key":"$selectbox-list-bg","Name":"10. Item background color","Type":"color"},{"Key":"$material-slider-bar-bg","Name":"10. Slider bar background color","Type":"color"},{"Key":"$material-slider-bg","Name":"20. Selected range background color","Type":"color"},{"Key":"$material-slider-tooltip-color","Name":"30. Slider tooltip text color","Type":"color"},{"Key":"$switch-bg","Name":"20. Track 'OFF' background color","Type":"color"},{"Key":"$switch-handle-off-bg","Name":"30. Handle 'OFF' background color","Type":"color"},{"Key":"$switch-on-bg","Name":"40. Track 'ON' background color","Type":"color"},{"Key":"$switch-handle-on-bg","Name":"50. Handle 'ON' background color","Type":"color"},{"Key":"$tabs-tab-color","Name":"10. Tab text color","Type":"color"},{"Key":"$tabs-tab-selected-color","Name":"20. Selected tab text color","Type":"color"},{"Key":"$tabs-selected-tab-bottom-border-color","Name":"30. Selected tab bottom border color","Type":"color"},{"Key":"$tabs-tab-bg","Name":"40. Tab background color","Type":"color"},{"Key":"$tabs-hovered-tab-bg-color","Name":"50. Hovered tab background color","Type":"color"},{"Key":"$tagbox-tag-color","Name":"10. Tag text color","Type":"color"},{"Key":"$tagbox-tag-bg","Name":"20. Tag background color","Type":"color"},{"Key":"$tagbox-tag-active-color","Name":"30. Tag active text color","Type":"color"},{"Key":"$tagbox-tag-button-remove-bg","Name":"40. Tag close button color","Type":"color"},{"Key":"$textbox-search-icon-color","Name":"80. Search icon color","Type":"color"},{"Key":"$texteditor-color","Name":"10. Text color","Type":"color"},{"Key":"$texteditor-placeholder-color","Name":"20. Placeholder text color","Type":"color"},{"Key":"$texteditor-bg","Name":"30. Background color","Type":"color"},{"Key":"$texteditor-focused-bg","Name":"40. Focused background color","Type":"color"},{"Key":"$texteditor-border-color","Name":"50. Border color","Type":"color"},{"Key":"$texteditor-hover-border-color","Name":"60. Hovered border color","Type":"color"},{"Key":"$texteditor-focused-border-color","Name":"70. Focused border color","Type":"color"},{"Key":"$texteditor-hover-bg","Name":"40. Hovered background color","Type":"color"},{"Key":"$tileview-color","Name":"10. Item text color","Type":"color"},{"Key":"$toast-color","Name":"10. Text color","Type":"color"},{"Key":"$toast-info-bg","Name":"20. Info background color","Type":"color"},{"Key":"$toast-warning-bg","Name":"30. Warning background color","Type":"color"},{"Key":"$toast-error-bg","Name":"40. Error background color","Type":"color"},{"Key":"$toast-success-bg","Name":"50. Success background color","Type":"color"},{"Key":"$toolbar-bg","Name":"10. Background color","Type":"color"},{"Key":"$tooltip-color","Name":"10. Text color","Type":"color"},{"Key":"$tooltip-bg","Name":"20. Background color","Type":"color"},{"Key":"$treeview-focused-bg","Name":"80. Focused state background color","Type":"color"},{"Key":"$base-accent","Name":"10. Accent color","Type":"color"},{"Key":"$base-font-family","Name":"10. Font family","Type":"text"},{"Key":"$base-text-color","Name":"20. Text color","Type":"color"},{"Key":"$base-label-color","Name":"20. Label color","Type":"color"},{"Key":"$base-icon-color","Name":"40. Icon color","Type":"color"},{"Key":"$base-spin-icon-color","Name":"50. Spin icon color","Type":"color"},{"Key":"$base-bg","Name":"30. Background color","Type":"color"},{"Key":"$base-border-color","Name":"40. Border color","Type":"color"},{"Key":"$base-success","Name":"50. Success color","Type":"color"},{"Key":"$base-warning","Name":"60. Warning color","Type":"color"},{"Key":"$base-danger","Name":"70. Danger color","Type":"color"},{"Key":"$base-hover-color","Name":"80. Hovered state text color","Type":"color"},{"Key":"$base-hover-bg","Name":"90. Hovered state background color","Type":"color"},{"Key":"$base-focus-color","Name":"100. Focused state text color","Type":"color"},{"Key":"$base-focus-bg","Name":"110. Focused state background color","Type":"color"},{"Key":"$base-link-color","Name":"30. Link color","Type":"color"},{"Key":"$base-border-radius","Name":"120. Border radius","Type":"text"}]}
|
|
@@ -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': '$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': '$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': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-border-color', 'Name': '30. Border color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$filterbuilder-menu-icon-color', 'Name': '10. Menu icon color', 'Type': 'color' }, { 'Key': '$datagrid-base-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$datagrid-base-background-color', 'Name': '60. Background color', 'Type': 'color' }, { 'Key': '$datagrid-border-color', 'Name': '70. Border color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': 'normal|bold|light' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-hover-bg', 'Name': '90. Hovered row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data border color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-nodata-color', 'Name': '30. NoData message text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-spin-icon-color', 'Name': '125. Spin icon color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-link-color', 'Name': '40. Link color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-bg', 'Name': '140. Column chooser background color', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10 Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '60. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '70. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scheduler-time-indicator-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-invalid-color', 'Name': '1. Invalid widget state - active color', 'Type': 'color' }, { 'Key': '$base-invalid-faded-border-color', 'Name': '2. Invalid widget state - border color', 'Type': 'color' }, { 'Key': '$base-border-radius-small', 'Name': '70. Border radius', 'Type': 'text' }, { 'Key': '$base-border-radius-large', 'Name': '30. Border radius', 'Type': 'text' }], 'material': [{ 'Key': '$accordion-title-color', 'Name': '10. Item title text color', 'Type': 'color' }, { 'Key': '$accordion-item-border-color', 'Name': '20. Item border color', 'Type': 'color' }, { 'Key': '$accordion-icon-active-color', 'Name': '30. Item active state icon color', 'Type': 'color' }, { 'Key': '$badge-color', 'Name': '130. Badge text color', 'Type': 'color' }, { 'Key': '$badge-bg', 'Name': '140. Badge background color', 'Type': 'color' }, { 'Key': '$button-normal-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-normal-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-normal-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-normal-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-normal-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-default-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-default-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-default-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-default-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-default-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-danger-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-danger-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-danger-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-danger-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-danger-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-success-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$button-success-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$button-success-hover-bg', 'Name': '30. Hovered state background color', 'Type': 'color' }, { 'Key': '$button-success-focused-bg', 'Name': '40. Focused state background color', 'Type': 'color' }, { 'Key': '$button-success-active-bg', 'Name': '50. Active state background color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-normal-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-default-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-danger-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-color', 'Name': '10. Selected item text color', 'Type': 'color' }, { 'Key': '$button-group-success-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$calendar-header-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$calendar-cell-other-color', 'Name': '30. Other month text color', 'Type': 'color' }, { 'Key': '$calendar-cell-selected-bg', 'Name': '40. Selected cell background color', 'Type': 'color' }, { 'Key': '$calendar-shevron-icon-color', 'Name': '50. Shevron icon color', 'Type': 'color' }, { 'Key': '$colorbox-overlay-bg', 'Name': '10. Overlay background', 'Type': 'color' }, { 'Key': '$drawer-shader-background-color', 'Name': '10. Shader background color', 'Type': 'color' }, { 'Key': '$dropdowneditor-icon-active-color', 'Name': '90. Spin active icon color', 'Type': 'color' }, { 'Key': '$fieldset-field-label-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$fileuploader-filename-color', 'Name': '10. Filename text color', 'Type': 'color' }, { 'Key': '$fileuploader-falename-status-color', 'Name': '20. File status text color', 'Type': 'color' }, { 'Key': '$fileuploader-border-color', 'Name': '30. Border color on dragover', 'Type': 'color' }, { 'Key': '$filterbuilder-text-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$filterbuilder-text-focus-color', 'Name': '20. Focused text color', 'Type': 'color' }, { 'Key': '$filterbuilder-plus-icon-color', 'Name': '30. Plus icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-remove-icon-color', 'Name': '40. Remove icon color', 'Type': 'color' }, { 'Key': '$filterbuilder-group-operation-color', 'Name': '50. Group operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-field-color', 'Name': '60. Data field button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-operator-color', 'Name': '70. Operation button color', 'Type': 'color' }, { 'Key': '$filterbuilder-item-value-color', 'Name': '80. Value button color', 'Type': 'color' }, { 'Key': '$form-field-item-color', 'Name': '10. Label text color', 'Type': 'color' }, { 'Key': '$form-group-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$gallery-indicator-bg', 'Name': '10. Indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-item-selected-bg', 'Name': '20. Selected indicator background color', 'Type': 'color' }, { 'Key': '$gallery-indicator-focused-bg', 'Name': '30. Focused indicator background color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-hover-color', 'Name': '40. Hovered navigation button color', 'Type': 'color' }, { 'Key': '$gallery-navbutton-active-color', 'Name': '50. Active navigation button color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-item-color', 'Name': '20. Header text color', 'Type': 'color' }, { 'Key': '$datagrid-columnchooser-font-weight', 'Name': '25. Header text weight', 'Type': 'select', 'TypeValues': '300|500|700' }, { 'Key': '$datagrid-drag-header-border-color', 'Name': '35. Draggable header border color', 'Type': 'color' }, { 'Key': '$datagrid-selection-bg', 'Name': '55. Selected row background color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-border-color', 'Name': '60. Selected row border color', 'Type': 'color' }, { 'Key': '$datagrid-row-selected-color', 'Name': '50. Selected row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-color', 'Name': '65. Focused row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-focused-bg', 'Name': '70. Focused row background color', 'Type': 'color' }, { 'Key': '$datagrid-menu-icon-color', 'Name': '30. Context menu icons color', 'Type': 'color' }, { 'Key': '$datagrid-cell-modified-border-color', 'Name': '40. Modified data background color', 'Type': 'color' }, { 'Key': '$datagrid-row-invalid-faded-border-color', 'Name': '45. Invalidate data faded color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-color', 'Name': '90. Group row text color', 'Type': 'color' }, { 'Key': '$datagrid-group-row-bg', 'Name': '95. Group row background color', 'Type': 'color' }, { 'Key': '$datagrid-search-color', 'Name': '105. Highlighted text color', 'Type': 'color' }, { 'Key': '$datagrid-search-bg', 'Name': '110. Highlighted text background color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-color', 'Name': '115. Error row text color', 'Type': 'color' }, { 'Key': '$datagrid-row-error-bg', 'Name': '120. Error row background color', 'Type': 'color' }, { 'Key': '$datagrid-focused-border-color', 'Name': '75. Focused cell border color', 'Type': 'color' }, { 'Key': '$datagrid-editor-bg', 'Name': '80. Editor background', 'Type': 'color' }, { 'Key': '$datagrid-row-alternation-bg', 'Name': '85. Row alternation background color', 'Type': 'color' }, { 'Key': '$datagrid-summary-color', 'Name': '100. Summary item color', 'Type': 'color' }, { 'Key': '$list-group-color', 'Name': '10. Group header text color', 'Type': 'color' }, { 'Key': '$list-border-color', 'Name': '20. Group border color', 'Type': 'color' }, { 'Key': '$list-group-header-bg', 'Name': '20. Group header background color', 'Type': 'color' }, { 'Key': '$list-normal-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$list-expanded-group-color', 'Name': '25. Expanded group header text color', 'Type': 'color' }, { 'Key': '$list-item-hover-bg', 'Name': '30. Hovered item background color', 'Type': 'color' }, { 'Key': '$list-item-selected-bg', 'Name': '30. Selected item state background color', 'Type': 'color' }, { 'Key': '$list-item-active-bg', 'Name': '40. Active state item background color', 'Type': 'color' }, { 'Key': '$load-indicator-segment-bg-color', 'Name': '10. Load indicator color', 'Type': 'color' }, { 'Key': '$loadpanel-content-bg', 'Name': '20. Loadpanel background color', 'Type': 'color' }, { 'Key': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$material-slider-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$material-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-selected-tab-bottom-border-color', 'Name': '30. Selected tab bottom border color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '40. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '50. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-focused-bg', 'Name': '40. Focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '70. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-bg', 'Name': '40. Hovered background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }] };
|
|
5
|
-
exports.version = '21.2.3
|
|
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': '$menu-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$menu-item-selected-bg', 'Name': '20. Selected item background color', 'Type': 'color' }, { 'Key': '$navbar-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$navbar-tab-bg', 'Name': '30. Tab background color', 'Type': 'color' }, { 'Key': '$navbar-tab-selected-bg', 'Name': '40. Selected tab background color', 'Type': 'color' }, { 'Key': '$overlay-content-bg', 'Name': '10. Content background color', 'Type': 'color' }, { 'Key': '$overlay-shader-bg', 'Name': '20. Shader background color', 'Type': 'color' }, { 'Key': '$pager-page-selected-color', 'Name': '150. Pager selected item text color', 'Type': 'color' }, { 'Key': '$pager-page-selected-bg', 'Name': '160. Pager selected item background color', 'Type': 'color' }, { 'Key': '$pivotgrid-area-color', 'Name': '10. Header text color', 'Type': 'color' }, { 'Key': '$pivotgrid-totalcolor', 'Name': '20. Totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-grandtotalcolor', 'Name': '30. Grand totals background color', 'Type': 'color' }, { 'Key': '$pivotgrid-field-area-text-color', 'Name': '40. Field area text color', 'Type': 'color' }, { 'Key': '$popup-title-bg', 'Name': '20. Header background color', 'Type': 'color' }, { 'Key': '$progressbar-bg', 'Name': '10. Bar background color', 'Type': 'color' }, { 'Key': '$progressbar-range-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$progressbar-label-color', 'Name': '30. Label color', 'Type': 'color' }, { 'Key': '$scheduler-base-border-color', 'Name': '10. Border color', 'Type': 'color' }, { 'Key': '$scheduler-accent-border-color', 'Name': '20. Hour separator color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-text-color', 'Name': '30. Appointment text color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-base-color', 'Name': '40. Appointment background color', 'Type': 'color' }, { 'Key': '$scheduler-appointment-start-color', 'Name': '50. Start appointment color', 'Type': 'color' }, { 'Key': '$scheduler-workspace-focused-cell-color', 'Name': '60. Focused cell color', 'Type': 'color' }, { 'Key': '$scheduler-first-month-border-color', 'Name': '70. First day of month separator color', 'Type': 'color' }, { 'Key': '$scheduler-current-time-cell-color', 'Name': '80. Date-time indicator color', 'Type': 'color' }, { 'Key': '$scrollable-scroll-bg', 'Name': '10. Scroller background color', 'Type': 'color' }, { 'Key': '$selectbox-list-bg', 'Name': '10. Item background color', 'Type': 'color' }, { 'Key': '$material-slider-bar-bg', 'Name': '10. Slider bar background color', 'Type': 'color' }, { 'Key': '$material-slider-bg', 'Name': '20. Selected range background color', 'Type': 'color' }, { 'Key': '$material-slider-tooltip-color', 'Name': '30. Slider tooltip text color', 'Type': 'color' }, { 'Key': '$switch-bg', 'Name': '20. Track "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-handle-off-bg', 'Name': '30. Handle "OFF" background color', 'Type': 'color' }, { 'Key': '$switch-on-bg', 'Name': '40. Track "ON" background color', 'Type': 'color' }, { 'Key': '$switch-handle-on-bg', 'Name': '50. Handle "ON" background color', 'Type': 'color' }, { 'Key': '$tabs-tab-color', 'Name': '10. Tab text color', 'Type': 'color' }, { 'Key': '$tabs-tab-selected-color', 'Name': '20. Selected tab text color', 'Type': 'color' }, { 'Key': '$tabs-selected-tab-bottom-border-color', 'Name': '30. Selected tab bottom border color', 'Type': 'color' }, { 'Key': '$tabs-tab-bg', 'Name': '40. Tab background color', 'Type': 'color' }, { 'Key': '$tabs-hovered-tab-bg-color', 'Name': '50. Hovered tab background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-color', 'Name': '10. Tag text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-bg', 'Name': '20. Tag background color', 'Type': 'color' }, { 'Key': '$tagbox-tag-active-color', 'Name': '30. Tag active text color', 'Type': 'color' }, { 'Key': '$tagbox-tag-button-remove-bg', 'Name': '40. Tag close button color', 'Type': 'color' }, { 'Key': '$textbox-search-icon-color', 'Name': '80. Search icon color', 'Type': 'color' }, { 'Key': '$texteditor-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$texteditor-placeholder-color', 'Name': '20. Placeholder text color', 'Type': 'color' }, { 'Key': '$texteditor-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$texteditor-focused-bg', 'Name': '40. Focused background color', 'Type': 'color' }, { 'Key': '$texteditor-border-color', 'Name': '50. Border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-border-color', 'Name': '60. Hovered border color', 'Type': 'color' }, { 'Key': '$texteditor-focused-border-color', 'Name': '70. Focused border color', 'Type': 'color' }, { 'Key': '$texteditor-hover-bg', 'Name': '40. Hovered background color', 'Type': 'color' }, { 'Key': '$tileview-color', 'Name': '10. Item text color', 'Type': 'color' }, { 'Key': '$toast-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$toast-info-bg', 'Name': '20. Info background color', 'Type': 'color' }, { 'Key': '$toast-warning-bg', 'Name': '30. Warning background color', 'Type': 'color' }, { 'Key': '$toast-error-bg', 'Name': '40. Error background color', 'Type': 'color' }, { 'Key': '$toast-success-bg', 'Name': '50. Success background color', 'Type': 'color' }, { 'Key': '$toolbar-bg', 'Name': '10. Background color', 'Type': 'color' }, { 'Key': '$tooltip-color', 'Name': '10. Text color', 'Type': 'color' }, { 'Key': '$tooltip-bg', 'Name': '20. Background color', 'Type': 'color' }, { 'Key': '$treeview-focused-bg', 'Name': '80. Focused state background color', 'Type': 'color' }, { 'Key': '$base-accent', 'Name': '10. Accent color', 'Type': 'color' }, { 'Key': '$base-font-family', 'Name': '10. Font family', 'Type': 'text' }, { 'Key': '$base-text-color', 'Name': '20. Text color', 'Type': 'color' }, { 'Key': '$base-label-color', 'Name': '20. Label color', 'Type': 'color' }, { 'Key': '$base-icon-color', 'Name': '40. Icon color', 'Type': 'color' }, { 'Key': '$base-spin-icon-color', 'Name': '50. Spin icon color', 'Type': 'color' }, { 'Key': '$base-bg', 'Name': '30. Background color', 'Type': 'color' }, { 'Key': '$base-border-color', 'Name': '40. Border color', 'Type': 'color' }, { 'Key': '$base-success', 'Name': '50. Success color', 'Type': 'color' }, { 'Key': '$base-warning', 'Name': '60. Warning color', 'Type': 'color' }, { 'Key': '$base-danger', 'Name': '70. Danger color', 'Type': 'color' }, { 'Key': '$base-hover-color', 'Name': '80. Hovered state text color', 'Type': 'color' }, { 'Key': '$base-hover-bg', 'Name': '90. Hovered state background color', 'Type': 'color' }, { 'Key': '$base-focus-color', 'Name': '100. Focused state text color', 'Type': 'color' }, { 'Key': '$base-focus-bg', 'Name': '110. Focused state background color', 'Type': 'color' }, { 'Key': '$base-link-color', 'Name': '30. Link color', 'Type': 'color' }, { 'Key': '$base-border-radius', 'Name': '120. Border radius', 'Type': 'text' }] };
|
|
5
|
+
exports.version = '21.2.3';
|
|
6
6
|
exports.browsersList = ['last 2 versions', 'ios > 8', '> 1%'];
|
|
7
7
|
exports.dependencies = { 'loadindicator': [], 'loadpanel': ['loadindicator'], 'validation': [], 'button': ['validation'], 'popup': ['validation', 'button'], 'toast': [], 'popover': ['validation', 'button', 'popup'], 'actionsheet': ['validation', 'button', 'popup', 'popover'], 'textbox': ['validation', 'button', 'loadindicator'], 'scrollview': ['loadindicator', 'loadpanel'], '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'] };
|
|
@@ -352,6 +352,14 @@ $transparent-border: 1px solid transparent;
|
|
|
352
352
|
min-width: 360px;
|
|
353
353
|
}
|
|
354
354
|
|
|
355
|
+
.dx-overlay-content {
|
|
356
|
+
&.dx-popup-fullscreen {
|
|
357
|
+
.dx-formdialog-form {
|
|
358
|
+
min-width: 240px;
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
|
|
355
363
|
.dx-formdialog-field-target .dx-field-item-content {
|
|
356
364
|
text-align: right;
|
|
357
365
|
|
|
@@ -15,8 +15,11 @@ $list-searchbox-margin-bottom: 5px;
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.dx-wrap-item-text
|
|
19
|
-
|
|
18
|
+
.dx-wrap-item-text,
|
|
19
|
+
.dx-wrap-item-text > .dx-list-group > .dx-list-group-body {
|
|
20
|
+
& > .dx-list-item > .dx-list-item-content {
|
|
21
|
+
white-space: normal;
|
|
22
|
+
}
|
|
20
23
|
}
|
|
21
24
|
|
|
22
25
|
.dx-empty-collection .dx-list-select-all {
|
|
@@ -20,6 +20,7 @@ $scheduler-appointment-text-color: null !default;
|
|
|
20
20
|
$scheduler-fill-focused-appointment: null !default;
|
|
21
21
|
$scheduler-dd-appointment-hover-text-color: null !default;
|
|
22
22
|
$scheduler-tooltip-appointment-text-color: null !default;
|
|
23
|
+
$scheduler-timeline-cell-height: null !default;
|
|
23
24
|
|
|
24
25
|
$scheduler-appointment-overlay-bg: null !default;
|
|
25
26
|
$agenda-appointment-hover-bg: null !default;
|
|
@@ -135,6 +136,7 @@ $scheduler-appointment-form-label-padding: 20px;
|
|
|
135
136
|
$scheduler-droppable-cell-background-color: $scheduler-droppable-cell-background-color,
|
|
136
137
|
|
|
137
138
|
$scheduler-left-column-width: $scheduler-left-column-width,
|
|
139
|
+
$scheduler-timeline-cell-height: $scheduler-timeline-cell-height,
|
|
138
140
|
|
|
139
141
|
$scheduler-other-month-cell-opacity: $scheduler-other-month-cell-opacity,
|
|
140
142
|
$scheduler-workspace-month-text-color: $scheduler-workspace-month-text-color,
|
|
@@ -20,6 +20,7 @@ $scheduler-focused-cell-shadow: null !default;
|
|
|
20
20
|
$scheduler-droppable-cell-background-color: null !default;
|
|
21
21
|
|
|
22
22
|
$scheduler-left-column-width: null !default;
|
|
23
|
+
$scheduler-timeline-cell-height: null !default;
|
|
23
24
|
|
|
24
25
|
$scheduler-other-month-cell-opacity: null !default;
|
|
25
26
|
$scheduler-workspace-month-text-color: null !default;
|
|
@@ -79,6 +80,9 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
79
80
|
$scheduler-workspace-info-font-size: $scheduler-workspace-info-font-size,
|
|
80
81
|
$scheduler-other-month-cell-opacity: $scheduler-other-month-cell-opacity,
|
|
81
82
|
);
|
|
83
|
+
@use "./renovation" with (
|
|
84
|
+
$scheduler-timeline-cell-height: $scheduler-timeline-cell-height,
|
|
85
|
+
);
|
|
82
86
|
|
|
83
87
|
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
|
|
84
88
|
color: $scheduler-current-time-cell-color;
|
|
@@ -105,7 +109,7 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
105
109
|
width: 1.5 * $scheduler-left-column-width;
|
|
106
110
|
}
|
|
107
111
|
|
|
108
|
-
.dx-scheduler-group-flex-container .dx-scheduler-group-
|
|
112
|
+
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
|
|
109
113
|
width: 0.75 * $scheduler-left-column-width;
|
|
110
114
|
}
|
|
111
115
|
}
|
|
@@ -115,7 +119,7 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
115
119
|
width: 2 * $scheduler-left-column-width;
|
|
116
120
|
}
|
|
117
121
|
|
|
118
|
-
.dx-scheduler-group-flex-container .dx-scheduler-group-
|
|
122
|
+
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
|
|
119
123
|
width: math.div($scheduler-left-column-width * 2, 3);
|
|
120
124
|
}
|
|
121
125
|
}
|
|
@@ -299,10 +303,9 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
299
303
|
@include flex-container(column, nowrap);
|
|
300
304
|
|
|
301
305
|
flex: 0 0 auto;
|
|
302
|
-
width: $scheduler-left-column-width;
|
|
303
306
|
min-width: 0;
|
|
304
307
|
|
|
305
|
-
&:last-child {
|
|
308
|
+
&:last-child .dx-scheduler-group-header {
|
|
306
309
|
border-right: $scheduler-base-border;
|
|
307
310
|
}
|
|
308
311
|
|
|
@@ -312,7 +315,7 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
312
315
|
flex: 1 1 100%;
|
|
313
316
|
padding: 0 5px;
|
|
314
317
|
height: auto;
|
|
315
|
-
width:
|
|
318
|
+
width: $scheduler-left-column-width;
|
|
316
319
|
justify-content: flex-start;
|
|
317
320
|
align-items: flex-start;
|
|
318
321
|
text-align: left;
|
|
@@ -774,7 +777,7 @@ $scheduler-month-date-text-padding: 6px;
|
|
|
774
777
|
|
|
775
778
|
.dx-scheduler-work-space-vertical-grouped,
|
|
776
779
|
.dx-scheduler-sidebar-scrollable {
|
|
777
|
-
.dx-scheduler-group-row:last-child {
|
|
780
|
+
.dx-scheduler-group-row:last-child .dx-scheduler-group-header {
|
|
778
781
|
border-right: none;
|
|
779
782
|
border-left: $scheduler-base-border;
|
|
780
783
|
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
$scheduler-timeline-cell-height: null !default;
|
|
2
|
+
|
|
3
|
+
.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar {
|
|
4
|
+
.dx-scheduler-date-table-scrollable .dx-scrollable-content,
|
|
5
|
+
.dx-scheduler-sidebar-scrollable .dx-scrollable-content,
|
|
6
|
+
.dx-scheduler-group-table {
|
|
7
|
+
min-height: 100%;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.dx-scheduler-date-table-scrollable .dx-scrollable-content {
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.dx-scheduler-date-table-scrollable-content,
|
|
16
|
+
.dx-scheduler-date-table-container {
|
|
17
|
+
display: flex;
|
|
18
|
+
flex-direction: column;
|
|
19
|
+
flex-grow: 1;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.dx-scheduler-date-table,
|
|
23
|
+
.dx-scheduler-date-table > tbody {
|
|
24
|
+
flex-grow: 1;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.dx-scheduler-date-table-row {
|
|
28
|
+
height: $scheduler-timeline-cell-height;
|
|
29
|
+
flex-shrink: 0;
|
|
30
|
+
flex-grow: 1;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.dx-scheduler-date-table-cell {
|
|
34
|
+
height: auto;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&.dx-scheduler-work-space-virtual {
|
|
38
|
+
.dx-scheduler-date-table-row {
|
|
39
|
+
height: 50px;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
.dx-scheduler-header-tables-container,
|
|
45
|
+
.dx-scheduler-header-scrollable,
|
|
46
|
+
.dx-scheduler-date-table-scrollable,
|
|
47
|
+
.dx-scheduler-date-table-container {
|
|
48
|
+
width: 100%;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.dx-scheduler-header-tables-container,
|
|
52
|
+
.dx-scheduler-date-table-scrollable {
|
|
53
|
+
flex-shrink: 1;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.dx-scheduler-header-scrollable .dx-scrollable-content,
|
|
57
|
+
.dx-scheduler-date-table-scrollable .dx-scrollable-content {
|
|
58
|
+
min-width: 100%;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.dx-scheduler-date-table-cell,
|
|
62
|
+
.dx-scheduler-header-panel-cell {
|
|
63
|
+
flex-shrink: 0;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar) {
|
|
67
|
+
.dx-scheduler-date-table .dx-scheduler-date-table-row {
|
|
68
|
+
flex: 1;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -20,7 +20,7 @@ $scheduler-timeline-min-height: 100px;
|
|
|
20
20
|
width: 160px;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.dx-scheduler-group-flex-container .dx-scheduler-group-
|
|
23
|
+
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
|
|
24
24
|
width: 80px;
|
|
25
25
|
}
|
|
26
26
|
}
|
|
@@ -30,7 +30,7 @@ $scheduler-timeline-min-height: 100px;
|
|
|
30
30
|
width: 240px;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
.dx-scheduler-group-flex-container .dx-scheduler-group-
|
|
33
|
+
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
|
|
34
34
|
width: 80px;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -106,8 +106,6 @@ $scheduler-timeline-min-height: 100px;
|
|
|
106
106
|
|
|
107
107
|
.dx-scheduler-date-table-row {
|
|
108
108
|
@include flex-container(row, nowrap);
|
|
109
|
-
|
|
110
|
-
flex: 1;
|
|
111
109
|
}
|
|
112
110
|
|
|
113
111
|
.dx-scheduler-date-table-cell {
|
|
@@ -225,3 +223,9 @@ $scheduler-timeline-min-height: 100px;
|
|
|
225
223
|
}
|
|
226
224
|
}
|
|
227
225
|
}
|
|
226
|
+
|
|
227
|
+
.dx-scheduler:not(.dx-scheduler-native) .dx-scheduler-timeline {
|
|
228
|
+
.dx-scheduler-date-table .dx-scheduler-date-table-row {
|
|
229
|
+
flex: 1;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
$scheduler-first-month-cell-background-color: $scheduler-first-month-cell-background-color,
|
|
25
25
|
$scheduler-panel-text-color: $scheduler-panel-text-color,
|
|
26
26
|
$scheduler-left-column-width: $scheduler-left-column-width,
|
|
27
|
+
$scheduler-timeline-cell-height: $scheduler-timeline-cell-height,
|
|
27
28
|
$scheduler-workspace-active-cell-color: $scheduler-workspace-active-cell-color,
|
|
28
29
|
$scheduler-workspace-hovered-cell-color: $scheduler-workspace-hovered-cell-color,
|
|
29
30
|
$scheduler-workspace-focused-cell-color: $scheduler-workspace-focused-cell-color,
|
|
@@ -23,6 +23,7 @@ $generic-scheduler-appointment-transparent-right-border: null !default;
|
|
|
23
23
|
$generic-scheduler-appointment-collector-height: null !default;
|
|
24
24
|
|
|
25
25
|
$agenda-appointment-title-font-size: null !default;
|
|
26
|
+
$scheduler-timeline-cell-height: null !default;
|
|
26
27
|
|
|
27
28
|
$scheduler-left-column-width: 100px !default;
|
|
28
29
|
$generic-scheduler-navigator-border-radius: $button-border-radius !default;
|
|
@@ -55,6 +56,8 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
|
|
|
55
56
|
$generic-scheduler-appointment-collector-height: 20px !default;
|
|
56
57
|
|
|
57
58
|
$agenda-appointment-title-font-size: 16px;
|
|
59
|
+
|
|
60
|
+
$scheduler-timeline-cell-height: 78px !default;
|
|
58
61
|
}
|
|
59
62
|
|
|
60
63
|
@else if $size == "compact" {
|
|
@@ -84,4 +87,6 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
|
|
|
84
87
|
$generic-scheduler-appointment-collector-height: 17px !default;
|
|
85
88
|
|
|
86
89
|
$agenda-appointment-title-font-size: 16px;
|
|
90
|
+
|
|
91
|
+
$scheduler-timeline-cell-height: 50px !default;
|
|
87
92
|
}
|
|
@@ -58,6 +58,11 @@
|
|
|
58
58
|
&.dx-editor-underlined {
|
|
59
59
|
height: $material-standard-lookup-height;
|
|
60
60
|
|
|
61
|
+
&.dx-texteditor-with-floating-label,
|
|
62
|
+
&.dx-texteditor-with-label {
|
|
63
|
+
height: $material-standard-lookup-with-label-height;
|
|
64
|
+
}
|
|
65
|
+
|
|
61
66
|
.dx-lookup-field {
|
|
62
67
|
padding: $material-standard-texteditor-input-padding;
|
|
63
68
|
padding-right: $material-base-standard-texteditor-input-horizontal-padding + $material-base-icon-size;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
$material-filled-lookup-height: null !default;
|
|
6
6
|
$material-standard-lookup-height: null !default;
|
|
7
|
+
$material-standard-lookup-with-label-height: null !default;
|
|
7
8
|
$material-lookup-font-size: null !default;
|
|
8
9
|
$material-lookup-popup-content-padding: null !default;
|
|
9
10
|
$material-lookup-list-top: null !default;
|
|
@@ -21,6 +22,7 @@ $material-lookup-invalid-message-margin-bottom: 20px !default;
|
|
|
21
22
|
@if $size == "default" {
|
|
22
23
|
$material-filled-lookup-height: 48px !default;
|
|
23
24
|
$material-standard-lookup-height: 32px !default;
|
|
25
|
+
$material-standard-lookup-with-label-height: 42px !default;
|
|
24
26
|
$material-lookup-font-size: 16px !default;
|
|
25
27
|
$material-lookup-popup-content-padding: 20px !default;
|
|
26
28
|
$material-lookup-list-top: 66px !default;
|
|
@@ -29,6 +31,7 @@ $material-lookup-invalid-message-margin-bottom: 20px !default;
|
|
|
29
31
|
@else if $size == "compact" {
|
|
30
32
|
$material-filled-lookup-height: 32px !default;
|
|
31
33
|
$material-standard-lookup-height: 26px !default;
|
|
34
|
+
$material-standard-lookup-with-label-height: 30px !default;
|
|
32
35
|
$material-lookup-font-size: 13px !default;
|
|
33
36
|
$material-lookup-popup-content-padding: 8px !default;
|
|
34
37
|
$material-lookup-list-top: 36px !default;
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
$scheduler-first-month-cell-background-color: $scheduler-first-month-cell-background-color,
|
|
25
25
|
$scheduler-panel-text-color: $scheduler-panel-text-color,
|
|
26
26
|
$scheduler-left-column-width: $scheduler-left-column-width,
|
|
27
|
+
$scheduler-timeline-cell-height: $scheduler-timeline-cell-height,
|
|
27
28
|
$scheduler-workspace-active-cell-color: $scheduler-workspace-active-cell-color,
|
|
28
29
|
$scheduler-workspace-hovered-cell-color: $scheduler-workspace-hovered-cell-color,
|
|
29
30
|
$scheduler-workspace-focused-cell-color: $scheduler-workspace-focused-cell-color,
|
|
@@ -740,7 +741,7 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
|
|
|
740
741
|
}
|
|
741
742
|
}
|
|
742
743
|
|
|
743
|
-
.dx-scheduler-timeline .dx-scheduler-group-flex-container .dx-scheduler-group-
|
|
744
|
+
.dx-scheduler-timeline .dx-scheduler-group-flex-container .dx-scheduler-group-header {
|
|
744
745
|
width: 100px;
|
|
745
746
|
}
|
|
746
747
|
|
|
@@ -42,6 +42,8 @@ $material-scheduler-workspace-month-timeline--time-height: 34px !default;
|
|
|
42
42
|
$agenda-appointment-title-font-size: null !default;
|
|
43
43
|
$material-scheduler-header-height: $material-toolbar-height + 2px !default;
|
|
44
44
|
|
|
45
|
+
$scheduler-timeline-cell-height: 50px !default;
|
|
46
|
+
|
|
45
47
|
|
|
46
48
|
@if $size == "default" {
|
|
47
49
|
$material-scheduler-workspace-date-table-cell-height: 38px !default;
|
|
@@ -935,8 +935,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
935
935
|
}
|
|
936
936
|
|
|
937
937
|
.dx-editor-underlined {
|
|
938
|
-
$input-
|
|
939
|
-
$input-top-padding: $material-standard-texteditor-input-top-padding + $input-vertical-diff;
|
|
938
|
+
$input-top-padding: $material-standard-texteditor-with-label-input-top-padding;
|
|
940
939
|
$label-transform: translate(0, 0);
|
|
941
940
|
|
|
942
941
|
&.dx-texteditor-with-label,
|
|
@@ -956,7 +955,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
|
|
|
956
955
|
.dx-texteditor-input,
|
|
957
956
|
&.dx-lookup .dx-lookup-field {
|
|
958
957
|
padding-top: $input-top-padding;
|
|
959
|
-
padding-bottom: $material-standard-texteditor-input-bottom-padding
|
|
958
|
+
padding-bottom: $material-standard-texteditor-with-label-input-bottom-padding;
|
|
960
959
|
}
|
|
961
960
|
|
|
962
961
|
&.dx-textarea {
|
|
@@ -11,6 +11,8 @@ $material-standard-texteditor-input-top-padding: null !default;
|
|
|
11
11
|
$material-underlined-editor-button-height: null !default;
|
|
12
12
|
$material-texteditor-label-font-size: null !default;
|
|
13
13
|
$material-standard-texteditor-input-bottom-padding: null !default;
|
|
14
|
+
$material-standard-texteditor-with-label-input-top-padding: null !default;
|
|
15
|
+
$material-standard-texteditor-with-label-input-bottom-padding: null !default;
|
|
14
16
|
|
|
15
17
|
@if $size == "default" {
|
|
16
18
|
$material-texteditor-font-size: 16px !default;
|
|
@@ -21,6 +23,8 @@ $material-standard-texteditor-input-bottom-padding: null !default;
|
|
|
21
23
|
$material-filled-texteditor-input-bottom-padding: 14px;
|
|
22
24
|
$material-standard-texteditor-input-top-padding: 7px !default;
|
|
23
25
|
$material-standard-texteditor-input-bottom-padding: 6px !default;
|
|
26
|
+
$material-standard-texteditor-with-label-input-top-padding: 16px !default;
|
|
27
|
+
$material-standard-texteditor-with-label-input-bottom-padding: 7px !default;
|
|
24
28
|
$material-underlined-editor-button-height: 28px !default;
|
|
25
29
|
}
|
|
26
30
|
|
|
@@ -33,6 +37,8 @@ $material-standard-texteditor-input-bottom-padding: null !default;
|
|
|
33
37
|
$material-filled-texteditor-input-bottom-padding: 8px;
|
|
34
38
|
$material-standard-texteditor-input-top-padding: 6px !default;
|
|
35
39
|
$material-standard-texteditor-input-bottom-padding: 5px !default;
|
|
40
|
+
$material-standard-texteditor-with-label-input-top-padding: 10px !default;
|
|
41
|
+
$material-standard-texteditor-with-label-input-bottom-padding: $material-standard-texteditor-input-bottom-padding !default;
|
|
36
42
|
$material-underlined-editor-button-height: 22px !default;
|
|
37
43
|
}
|
|
38
44
|
|