import { SpruceSchemas } from '@sprucelabs/spruce-core-schemas'
import '#spruce/schemas/schemas.types'

// The Theme Skill (https://theme.spruce.bot/) is available to help you build your theme!

const theme: SpruceSchemas.HeartwoodViewControllers.v2021_02_11.ThemeProps = {
	/**
	 ************************************
	 * Background
	 ************************************
	 */
	color1: '#ffffff',
	color1Inverse: '#0f4c8a',
	color1InverseGradient: 'linear-gradient(to left, #24c6dc, #514a9d)',
	
	/**
	 ************************************
	 * Cards
	 ************************************
	 */
	color2: 'black',
	color2Transparent: 'rgba(0,0,0,0.4)',
	color2Inverse: 'white',
	color2InverseTransparent: 'rgba(255,255,255,0.9)',

	/**
	 ************************************
	 * Headers
	 ************************************
	 */
	color3: 'grey',
	color3Inverse: 'transparent',
	color3Compliment: 'grey',

	/**
	 ************************************
	 * Buttons
	 ************************************
	 */
	color4: '#3a3a3a',
	color4Inverse: '#DCE0E7',
	color4Compliment: '#DCE0E4',
	color4ComplimentTransparent: 'rgba(0,0,0,0.2)',
	color4InverseCompliment: '#c7c7c7',

	/**
	 ************************************
	 * Control bar
	 ************************************
	 */
	controlBar: {
		foregroundColor: 'black',
		backgroundColor: 'white',
	},

	/**
	 ************************************
	 * Tool belt
	 ************************************
	 */
	toolBeltColor2: 'white',

	/**
	 ************************************
	 * Errors
	 ************************************
	 */
	errorColor1: '#fff',
	errorColor1Inverse: '#FF3326',
}

export default theme