import rgba from 'react-sow/rgba';
// http://colorizer.org

export var dark = '#292929';
export var mid = '#555';
export var light1mid = '#eee';
export var light = '#f8f8f8';
export var lightKeyA = '#FBF9ED';
export var lightKeyB = '#B0E4FF';

//export const sourceBackground = '#DBDCF2'
//export const sourceText = '#343647' //'#454872'

export var source = {
	text: '#003972',
	background: '#bee6ff',
	border: '#afd7f0'
};

/*
export const ingredient = {
	field: {
		text: '#531900',
		background: '#ffe7be',
		border: '#ffd9b0'
	},
	button: {
		normal: {
			text: '#531900',
			background: '#ffd9b0',
			border: '#f4bf97'
		},
		selected: {
			text: '#ffbb98',
			background: '#531900',
			border: '#490f00'
		}
	}
}
*/

export var ingredient = {
	field: {
		text: '#582b01',
		background: '#fff4bf',
		border: '#ffe9b1'
	},
	button: {
		normal: {
			text: '#582b01',
			background: '#ffe9b1',
			border: '#fbd398'
		},
		selected: {
			text: '#ffe9b1',
			background: '#582b01',
			border: '#4e1e00'
		}
	}
};

export var errorFieldBackground = rgba(255, 220, 220);