Add Color Picker

[sushant-hiray]

TODO

• [x] Find a bootstrap compatible color-picker
• [x] Add references to index
• [x] Update json to include color for slots
• [x] Update add functions
• [x] Add color picker in sidebar, in case they want to edit the color
• [x] Update any more dependencies/functions

[sushant-hiray]

@Manishearth I'm more or less done with the PR. Could you review this once? The sidebar thingy doesn't look real good right now, we can work on the UI once this is merged.

[Manishearth]

Could you keep the current default color? Also, I think adding some transparency to the picked color will help. (No need for a slider)

[Manishearth]

For the sidebar, I suggest coloring the entire entry, with a slightly higher alpha value.

It's going to get used this sem (already put out some freshie timetables), so I think we should perfect the UI before merging :)

[sushant-hiray]

Default, sure. Transperancy, well the main in keeping picker in the sidebar was they can shift over the picker and see which color suits them. So they can perhaps go for a lighter shade.

I'll update the entire color to sidebar.

[Manishearth]

The problem is that lighter shades at full opacity also look bad as backgrounds for stuff like this.

(Try picking a good color here, its hard)

-Manish Goregaokar

[sushant-hiray]

Makes sense. I added a slider to the picker on top. If the choose its fine, or else I make it transparent to a preset value. for the picker on the sidebar, I just keep the preset value.

[sushant-hiray]

I made some changes to the sidebar. This is how it looks now. We can perhaps remove the background color, rest looks fine to me.

[Manishearth]

Merged, with some of my own changes. For some reason Github isn't recognizing that this merged. (in the future, work on a branch on this repo, so we can work together)

Thanks!

[sushant-hiray]

Kewl. Adding color to picker button looks much better.