Created
December 8, 2016 11:10
-
-
Save Klug76/0c8e5aa30f8594d6da2813df120e5d10 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| theme: | |
| { | |
| name: "cook", | |
| }, | |
| //************************************************************************************************* | |
| var: | |
| { | |
| borderSize: 2, | |
| gridSize: 88, | |
| smallControlGutterSize: 12, | |
| smallGutterSize: 16, | |
| gutterSize: 24, | |
| controlSize: 56, | |
| smallControlSize: 24, | |
| calloutBackgroundMinSize: 24, | |
| calloutArrowOverlapGap: -2, | |
| wideControlSize: "=gridSize * 3 + gutterSize * 2", | |
| button_9grid_region: "=[8, 8, 2, 40]", | |
| small_background_9grid_region: "=[4, 4, 2, 2]", | |
| background_9grid_region: "=[8, 8, 2, 2]", | |
| tab_9grid_region: "=[22, 22, 2, 22]", | |
| item_renderer_9grid_region: "=[2, 2, 2, 84]", | |
| spinner_list_9grid_region: "=[4, 12, 2, 64]", | |
| tab_skin_texture_region: "=[2, 0, 44, 88]", | |
| smallFontSize: 16, | |
| regularFontSize: 22, | |
| largeFontSize: 32, | |
| hugoFontSize: 132, | |
| backgroundColor: 0x4a4137, | |
| lightTextColor: 0xe5e5e5, | |
| darkTextColor: 0x1a1816, | |
| selectedTextColor: 0xff9900, | |
| disabledTextColor: 0x8a8a8a, | |
| darkDisabledTextColor: 0x383430, | |
| modalOverlay: 0xcc463E33, | |
| }, | |
| //************************************************************************************************* | |
| Font: | |
| { | |
| default: | |
| { | |
| name: "SourceSansPro", | |
| embed: true, | |
| size: "=regularFontSize", | |
| color: "=lightTextColor", | |
| }, | |
| "default/disabled": | |
| { | |
| color: "=disabledTextColor", | |
| }, | |
| "default/selected": | |
| { | |
| color: "=selectedTextColor", | |
| }, | |
| "default/small": | |
| { | |
| size: "=smallFontSize", | |
| }, | |
| "small/small-disabled": | |
| { | |
| color: "=disabledTextColor", | |
| }, | |
| "default/large": | |
| { | |
| bold: true, | |
| size: "=largeFontSize", | |
| }, | |
| "large/large-disabled": | |
| { | |
| color: "=disabledTextColor", | |
| }, | |
| "default/hugo": | |
| { | |
| bold: true, | |
| size: "=hugoFontSize", | |
| }, | |
| "hugo/hugo-disabled": | |
| { | |
| color: "=disabledTextColor", | |
| }, | |
| "default/dark": | |
| { | |
| bold: true, | |
| color: "=darkTextColor", | |
| }, | |
| "dark/dark-disabled": | |
| { | |
| color: "=darkDisabledTextColor", | |
| }, | |
| "dark/dark-large": | |
| { | |
| size: "=largeFontSize", | |
| }, | |
| "dark-large/dark-large-disabled": | |
| { | |
| color: "=darkDisabledTextColor", | |
| }, | |
| }, | |
| //************************************************************************************************* | |
| Skin: | |
| { | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "button-base": | |
| { | |
| type: "simple", | |
| scale9: "=button_9grid_region", | |
| width: "=controlSize", | |
| height: "=controlSize", | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| }, | |
| "button-base/button-default": | |
| { | |
| state: | |
| { | |
| default: "button-up-skin", | |
| down: "button-down-skin", | |
| disabled: "button-disabled-skin", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "tab-bar-tab": | |
| { | |
| type: "simple", | |
| scale9: "=tab_9grid_region", | |
| tex_region: "=tab_skin_texture_region", | |
| width: "=gridSize", | |
| height: "=gridSize", | |
| state: | |
| { | |
| default: "tab-up-skin", | |
| down: "tab-down-skin", | |
| disabled: "tab-disabled-skin", | |
| selected: "tab-selected-up-skin", | |
| disabledAndSelected: "tab-selected-disabled-skin", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "spinner-list-background": | |
| { | |
| type: "simple", | |
| tex: "background-dark-border-skin", | |
| scale9: "=small_background_9grid_region" | |
| }, | |
| //---------------------------------------------------------------- | |
| "spinner-list-selection-overlay": | |
| { | |
| type: "simple", | |
| tex: "spinner-list-selection-overlay-skin", | |
| scale9: "=spinner_list_9grid_region" | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "callout-background": | |
| { | |
| type: "simple", | |
| tex: "background-light-border-skin", | |
| scale9: "=small_background_9grid_region", | |
| width: "=calloutBackgroundMinSize", | |
| height: "=calloutBackgroundMinSize", | |
| }, | |
| //---------------------------------------------------------------- | |
| "callout-arrow-left": | |
| { | |
| type: "tex", | |
| tex: "callout-arrow-left-skin", | |
| }, | |
| "callout-arrow-right": | |
| { | |
| type: "tex", | |
| tex: "callout-arrow-right-skin", | |
| }, | |
| "callout-arrow-top": | |
| { | |
| type: "tex", | |
| tex: "callout-arrow-top-skin", | |
| }, | |
| "callout-arrow-bottom": | |
| { | |
| type: "tex", | |
| tex: "callout-arrow-bottom-skin", | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "check-default-icon": | |
| { | |
| type: "simple", | |
| state: | |
| { | |
| default: "check-up-icon", | |
| down: "check-down-icon", | |
| disabled: "check-disabled-icon", | |
| selected: "check-selected-up-icon", | |
| downAndSelected: "check-selected-down-icon", | |
| disabledAndSelected: "check-selected-disabled-icon", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "background9": | |
| { | |
| type: "simple", | |
| tex: "background-skin", | |
| scale9: "=background_9grid_region" | |
| }, | |
| "background9-inset": | |
| { | |
| type: "simple", | |
| tex: "background-inset-skin", | |
| scale9: "=background_9grid_region" | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "scroll-bar-thumb": | |
| { | |
| type: "Quad", | |
| width: 2, | |
| height: 2, | |
| color: 0xe0e0e0, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "picker-button-icon": | |
| { | |
| type: "simple", | |
| state: | |
| { | |
| default: "picker-list-button-icon", | |
| selected: "picker-list-button-selected-icon", | |
| disabled: "picker-list-button-disabled-icon", | |
| }, | |
| }, | |
| "picker-list-item-selected": | |
| { | |
| type: "tex", | |
| tex: "picker-list-item-renderer-selected-icon", | |
| }, | |
| "picker-list-item-renderer": | |
| { | |
| type: "simple", | |
| scale9: "=item_renderer_9grid_region", | |
| width: "=gridSize", | |
| height: "=gridSize", | |
| state: | |
| { | |
| default: "item-renderer-up-skin", | |
| down: "item-renderer-selected-up-skin",//??TODO fix me | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| "background-slider": | |
| { | |
| type: "simple", | |
| width: "=controlSize", | |
| height: "=controlSize", | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| scale9: "=background_9grid_region", | |
| state: | |
| { | |
| default: "background-skin", | |
| disabled: "background-disabled-skin", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| "slider-thumb": | |
| { | |
| type: "simple", | |
| width: "=controlSize", | |
| height: "=controlSize", | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| scale9: "=button_9grid_region", | |
| state: | |
| { | |
| default: "button-up-skin", | |
| down: "button-down-skin", | |
| disabled: "button-disabled-skin", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| "text-input-numeric-stepper": | |
| { | |
| type: "simple", | |
| width: "=controlSize", | |
| height: "=controlSize", | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| scale9: "=background_9grid_region", | |
| state: | |
| { | |
| default: "background-skin", | |
| disabled: "background-disabled-skin", | |
| focused: "background-focused-skin", | |
| }, | |
| }, | |
| //---------------------------------------------------------------- | |
| //---------------------------------------------------------------- | |
| }, | |
| //************************************************************************************************* | |
| //************************************************************************************************* | |
| //************************************************************************************************* | |
| //************************************************************************************************* | |
| TextBlockTextRenderer: | |
| { | |
| default: | |
| { | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| }, | |
| }, | |
| large: | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| }, | |
| }, | |
| hugo: | |
| { | |
| font: | |
| { | |
| default: "hugo", | |
| }, | |
| }, | |
| "dark-large": | |
| { | |
| font: | |
| { | |
| default: "dark-large", | |
| disabled: "dark-large-disabled", | |
| }, | |
| }, | |
| "feathers-label-text-renderer": | |
| { | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| }, | |
| }, | |
| "feathers-button-label": | |
| { | |
| font: | |
| { | |
| default: "dark", | |
| disabled: "dark-disabled", | |
| }, | |
| }, | |
| "feathers-check-label": | |
| { | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| }, | |
| }, | |
| "feathers-tab-label": | |
| { | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| selected: "dark", | |
| }, | |
| }, | |
| "feathers-header-title": | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| }, | |
| }, | |
| "feathers-item-renderer-label": | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| }, | |
| }, | |
| "spinner-item-renderer-label": | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| }, | |
| }, | |
| "picker-list-item-renderer-label": | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| down: "dark-large", | |
| }, | |
| }, | |
| }, | |
| Label: | |
| { | |
| default: | |
| { | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| }, | |
| }, | |
| large: | |
| { | |
| font: | |
| { | |
| default: "large", | |
| disabled: "large-disabled", | |
| }, | |
| }, | |
| hugo: | |
| { | |
| font: | |
| { | |
| default: "hugo", | |
| }, | |
| }, | |
| "feathers-detail-label": | |
| { | |
| font: | |
| { | |
| default: "small", | |
| disabled: "small-disabled", | |
| }, | |
| }, | |
| }, | |
| Button: | |
| { | |
| base0: | |
| { | |
| paddingTop: "=smallControlGutterSize", | |
| paddingBottom: "=smallControlGutterSize", | |
| paddingLeft: "=gutterSize", | |
| paddingRight: "=gutterSize", | |
| gap: "=smallControlGutterSize", | |
| minGap: "=smallControlGutterSize", | |
| }, | |
| "base0/default": | |
| { | |
| defaultSkin: "button-default", | |
| }, | |
| "base0/large": | |
| { | |
| defaultSkin: "button-default", | |
| customLabelStyleName: "dark-large", | |
| }, | |
| "base0/feathers-picker-list-button": | |
| { | |
| defaultSkin: "button-default", | |
| defaultIcon: "picker-button-icon", | |
| gap: "=Number.POSITIVE_INFINITY", | |
| minGap: "=gutterSize", | |
| iconPosition: "right", | |
| }, | |
| "base0/feathers-header-item": | |
| { | |
| defaultSkin: "button-default", | |
| }, | |
| "feathers-slider-thumb": | |
| { | |
| defaultSkin: "slider-thumb", | |
| hasLabelTextRenderer: false, | |
| }, | |
| "feathers-slider-minimum-track": | |
| { | |
| defaultSkin: "background-slider", | |
| hasLabelTextRenderer: false, | |
| }, | |
| "base0/feathers-numeric-stepper-increment-button": | |
| { | |
| defaultSkin: "button-default", | |
| keepDownStateOnRollOut: true, | |
| }, | |
| "base0/feathers-numeric-stepper-decrement-button": | |
| { | |
| defaultSkin: "button-default", | |
| keepDownStateOnRollOut: true, | |
| }, | |
| "feathers-simple-scroll-bar-thumb": | |
| { | |
| defaultSkin: "scroll-bar-thumb", | |
| hasLabelTextRenderer: false, | |
| }, | |
| }, | |
| ToggleButton: | |
| { | |
| //TabBar tab | |
| "feathers-tab-bar-tab": | |
| { | |
| paddingTop: "=smallGutterSize", | |
| paddingBottom: "=smallGutterSize", | |
| paddingLeft: "=gutterSize", | |
| paddingRight: "=gutterSize", | |
| gap: "=smallGutterSize", | |
| minGap: "=smallGutterSize", | |
| minWidth: "=gridSize", | |
| minHeight: "=gridSize", | |
| defaultSkin: "tab-bar-tab", | |
| customLabelStyleName: "feathers-tab-label", | |
| }, | |
| }, | |
| Check: | |
| { | |
| default: | |
| { | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| gap: "=smallControlGutterSize", | |
| minGap: "=smallControlGutterSize", | |
| horizontalAlign: "left", | |
| defaultIcon: "check-default-icon", | |
| }, | |
| }, | |
| LayoutGroup: | |
| { | |
| default: | |
| {}, | |
| "inset-group"://:used in cook_timer.json | |
| { | |
| backgroundSkin: "background9-inset", | |
| } | |
| }, | |
| Slider: | |
| { | |
| default: | |
| { | |
| minWidth: "=controlSize", | |
| minHeight: "=controlSize", | |
| }, | |
| "default/vertical": | |
| { | |
| direction: "vertical", | |
| }, | |
| }, | |
| Callout: | |
| { | |
| default: | |
| { | |
| padding: "=smallGutterSize", | |
| backgroundSkin: "callout-background", | |
| leftArrowGap: "=calloutArrowOverlapGap", | |
| rightArrowGap: "=calloutArrowOverlapGap", | |
| topArrowGap: "=calloutArrowOverlapGap", | |
| bottomArrowGap: "=calloutArrowOverlapGap", | |
| leftArrowSkin: "callout-arrow-left", | |
| rightArrowSkin: "callout-arrow-right", | |
| topArrowSkin: "callout-arrow-top", | |
| bottomArrowSkin: "callout-arrow-bottom", | |
| }, | |
| }, | |
| TextBlockTextEditor: | |
| { | |
| "numeric-stepper-text-input-editor": | |
| { | |
| textAlign: "center", | |
| font: | |
| { | |
| default: "default", | |
| disabled: "disabled", | |
| }, | |
| }, | |
| }, | |
| TextInput: | |
| { | |
| "feathers-numeric-stepper-text-input": | |
| { | |
| textEditorFactory: "TextBlockTextEditor", | |
| customTextEditorStyleName: "numeric-stepper-text-input-editor", | |
| backgroundSkin: "text-input-numeric-stepper", | |
| gap: "=smallControlGutterSize", | |
| paddingTop: "=smallControlGutterSize", | |
| paddingRight: "=smallGutterSize", | |
| paddingBottom: "=smallControlGutterSize", | |
| paddingLeft: "=smallGutterSize", | |
| isEditable: false, | |
| isSelectable: false, | |
| }, | |
| }, | |
| Screen: | |
| { | |
| default: | |
| { | |
| }, | |
| screen_opt: | |
| { | |
| backgroundSkin: 0x408048, | |
| }, | |
| }, | |
| NumericStepper: | |
| { | |
| default: | |
| { | |
| buttonLayoutMode: "splitHorizontal", | |
| incrementButtonLabel: "+", | |
| decrementButtonLabel: "-", | |
| }, | |
| }, | |
| TabBar: | |
| { | |
| default: | |
| { | |
| distributeTabSizes: true, | |
| }, | |
| }, | |
| List: | |
| { | |
| "feathers-picker-list-list": | |
| { | |
| padding: "=smallGutterSize", | |
| backgroundSkin: "background9", | |
| customItemRendererStyleName: "picker-list-item-renderer", | |
| }, | |
| }, | |
| SpinnerList: | |
| { | |
| default: | |
| { | |
| paddingTop: "=borderSize", | |
| paddingBottom: "=borderSize", | |
| backgroundSkin: "spinner-list-background", | |
| selectionOverlaySkin: "spinner-list-selection-overlay", | |
| customItemRendererStyleName: "spinner-list-item-renderer", | |
| }, | |
| }, | |
| DefaultItemRenderer: | |
| { | |
| "spinner-list-item-renderer": | |
| { | |
| minWidth: "=gridSize", | |
| minHeight: "=gridSize", | |
| paddingTop: "=smallGutterSize", | |
| paddingBottom: "=smallGutterSize", | |
| paddingLeft: "=gutterSize", | |
| paddingRight: "=gutterSize", | |
| gap: "=gutterSize", | |
| minGap: "=gutterSize", | |
| customLabelStyleName: "spinner-item-renderer-label", | |
| isQuickHitAreaEnabled: true, | |
| }, | |
| "picker-list-item-renderer": | |
| { | |
| minWidth: "=gridSize", | |
| minHeight: "=gridSize", | |
| paddingTop: "=smallGutterSize", | |
| paddingBottom: "=smallGutterSize", | |
| paddingLeft: "=gutterSize", | |
| paddingRight: "=gutterSize", | |
| gap: "=Number.POSITIVE_INFINITY", | |
| minGap: "=gutterSize", | |
| accessoryGap: "=smallGutterSize", | |
| minAccessoryGap: "=smallGutterSize", | |
| itemHasIcon: false, | |
| horizontalAlign: "left", | |
| iconPosition: "right", | |
| accessoryPosition: "bottom", | |
| layoutOrder: "labelAccessoryIcon", | |
| defaultSkin: "picker-list-item-renderer", | |
| defaultSelectedIcon: "picker-list-item-selected", | |
| customLabelStyleName: "picker-list-item-renderer-label", | |
| isQuickHitAreaEnabled: true, | |
| }, | |
| }, | |
| PickerList: | |
| { | |
| default: | |
| {} | |
| }, | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment