export const Themes = [
	{
		name: 'Light',
		// Color is a convenience property for string interpolation
		color: 'light',
		id: 'light',
		dark: false,
	},
	{
		name: 'Neopolitan',
		color: 'light',
		id: 'neo',
		dark: false,
	},
	{
		name: 'Dark',
		color: 'dark',
		id: 'dark',
		dark: true,
	},
	{
		name: 'Darker',
		color: 'dark',
		id: 'darker',
		dark: true,
	},
	{
		name: 'Darkest',
		color: 'dark',
		id: 'darkest',
		dark: true,
	},
	{
		name: 'Night',
		color: 'dark',
		id: 'night',
		dark: true,
	},
	{
		name: 'Unicorn',
		color: 'light',
		id: 'unicorn',
		dark: false,
	},
	{
		name: 'Tuscany',
		color: 'light',
		id: 'tuscany',
		dark: false,
	},
	{
		name: 'Candy',
		color: 'light',
		id: 'candy',
		dark: false,
	},
	{
		name: 'Cinnamon',
		color: 'light',
		id: 'cinnamon',
		dark: false,
	},
	{
		name: 'Lush',
		color: 'light',
		id: 'lush',
		dark: false,
	},
	{
		name: 'Night Pearl',
		color: 'dark',
		id: 'nightpearl',
		dark: true,
	},
	{
		name: 'Moonlight',
		color: 'dark',
		id: 'moonlight',
		dark: true,
	},
	{
		name: 'Panda',
		color: 'dark',
		id: 'panda',
		dark: true,
	},
	{
		name: 'Discotheque',
		color: 'dark',
		id: 'discotheque',
		dark: true,
	},
	{
		name: 'Enchanted',
		color: 'dark',
		id: 'enchanted',
		dark: true,
	},
	{
		name: 'Crystal',
		color: 'dark',
		id: 'crystal',
		dark: true,
	},
]