Custom color in different tasks when using in ReactJs

[khanzzirfan]

Reposting same old issue, when using reactjs.
When color is picked up via colorizer component, the hex value maybe different which is not predefined in the css classes. as far Reactjs everything works as Props on each update, the value changes. Hence we cannot predefine classes in React app.
I would suggest would add color prop and accepts the Hex code.

Just an idea that good to have some custom color input for different tasks like below.
This will help user to view chart as multiple or group tasks more clearly.

let tasks = [
{
id: 'Task 1',
name: 'Redesign website',
color: '#ff0033',
start: '2018-7-1',
end: '2018-7-30',
progress: 20,
},
{
id: 'Task 2',
name: 'website 2',
color: '#ff0033',
start: '2018-7-05',
end: '2018-7-15',
progress: 80,
dependencies: 'Task 1'
},
{
id: 'Task 3',
name: 'website 3',
color: '#ffff33',
start: '2018-7-10',
end: '2018-7-20',
progress: 50,
dependencies: 'Task 2'
},
{
id: 'Task 4',
name: 'website 4',
color: '#ff0066',
start: '2018-7-10',
end: '2018-7-20',
progress: 50,
dependencies: 'Task 2'
},
{
id: 'Task 5',
name: 'website 5',
color: '#ff00ff',
start: '2018-7-10',
end: '2018-7-20',
progress: 50,
dependencies: 'Task 2'
},