Allow different entries in calendar to have different colors depending on the file they come from

[driverag22]

Feature idea: allow users to choose what color each entry has depending on what file that task/scheduled thing comes from.
Idea from emacs-calfw, which has something like this.

[dmitrym0]

That sounds great. I've been picking away at a new version on a branch and I have a similar concept. Various scheduled entities have different colours. For example, clocked entities look different from scheduled headings, look different from * DONE headings. Right now it's hardcoded in the javascript that renders the calendar UI:

org-hyperscheduler/calendar/index.js

Lines 90 to 140 in 62641ab

	let calendar = new tui.Calendar('#calendar', {
	calendars: [
	{
	id: '1',
	name: 'Scheduled Items',
	color: '#ffffff',
	bgColor: '#9e5fff',
	dragBgColor: '#9e5fff',
	borderColor: '#9e5fff'
	},
	{
	id: '2',
	name: 'Timestamped Items',
	color: '#000000',
	bgColor: '#00a9ff',
	dragBgColor: '#00a9ff',
	borderColor: '#00a9ff'
	},
	{
	id: '3',
	name: 'Done Items',
	color: '#000000',
	bgColor: '#C0C0C0',
	dragBgColor: '#00a9ff',
	borderColor: '#00a9ff'
	},
	{
	id: '4',
	name: 'Work',
	color: '#000000',
	bgColor: '#FFFF6e',
	dragBgColor: '#00a9ff',
	borderColor: '#00a9ff'
	},
	{
	id: '5',
	name: 'Clocked Items',
	color: '#000000',
	bgColor: '#e2fee2',
	dragBgColor: '#00a9ff',
	borderColor: '#00a9ff'
	},
	{
	id: '6',
	name: 'Cancelled',
	color: '#000000',
	bgColor: '#FAA0A0',
	dragBgColor: '#00a9ff',
	borderColor: '#00a9ff'
	},

Ideally, all of this logic should live in the elisp code.

Thanks for your suggestion.