map-template.scss

theme_slug: (
	'name' : 'Theme Name',
	'type' : 'light', // light or dark (required*),
	'google-font': (
		'name'    : '',
		'weights' : '',
	),
	'typography': (
		'font-family'   : '',
		'font-size'     : ,
		'font-weight'   : ,
		'line-height'   : ,
		'header-weight' : ,
	),
	'color': (
		'text'       : ,
		'background' : ,
		'primary'    : ,
		'success'    : ,
		'warning'    : ,
		'error'      : ,
		'active'     : ,
		'negative'   : ,
		'grey'       : ,
		'secondary'  : ,
		'dark'       : ,
	),
	'border': (
		'color'  : ,
		'width'  : ,
		'style'  : ,
		'radius' : ,
	),
	'shadow': (
		'horizontal' : ,
		'vertical'   : ,
		'blur'       : ,
		'spread'     : ,
		'color'      : ,
	),
	'input': (
		'color'         : ,
		'background'    : ,
		'border-color'  : ,
		'outline-color' : ,
		'outline-width' : ,
		'label-weight'  : ,
		'transition'    : ,
	),
	'components': (
		'navbar': (
			'font-weight': ,
		),
		'tabnav': (
			'font-weight': ,
		),
		'card': (
			'background' : null, // (null = color > background)
			'radius'     : null // (null = border > radius)
		),
		'panel': (
			'background' : null, // (null = color > background)
			'radius'     : null // (null = border > radius)
		),
		'menu': (
			'background': null, // (null = color > background)
		)
	),
	'elements': (
		'button': (
			'font-weight' : ,
			'radius'      : null, // (null = border > radius)
			'secondary': (
					'color'        : ,
					'background'   : ,
					'hover-color'  : ,
					'hover-bg'     : ,
					'border-color' : ,
				)
		),
	)
)