const black = '#20192A';
const blue = '#5BDEFF';
const pink = '#F91893';
const purple = '#945FFA';
const darkGrey = '#6d6d6d';
const lightGrey = '#B3B3B3';
const darkPurple = '#200934';
const yellow = '#FEC500';

const color = {
	base: purple, // Headings and text
	light: '#767676',
	lightest: '#ccc',
	link: pink,
	linkHover: yellow,
	focus: 'rgba(22, 115, 177, 0.25)',
	border: lightGrey,
	name: blue,
	type: pink,
	error: '#c00',
	baseBackground: black,
	codeBackground: darkPurple,
	sidebarBackground: darkPurple,
	ribbonBackground: '#e90',
	ribbonText: '#fff',
	// Based on default Prism theme
	codeBase: blue,
	codeComment: darkGrey,
	codePunctuation: lightGrey,
	codeProperty: blue,
	codeDeleted: '#905',
	codeString: purple,
	codeInserted: '#690',
	codeOperator: pink,
	codeKeyword: pink,
	codeFunction: yellow,
	codeVariable: '#e90',
};

module.exports = {
	color,
	fontFamily: {
		base: "'Fira Code', monospace",
	},
};