Add more color options other then just red, green and blue.
3 colors just isn't enough. We are using this as a team, and we use the colors in multiple ways.
-
Carson commented
I love the idea of an addition 7,8,9 keys.
However what I'd really love is to be able to change the colours in a nice UI and supportable way.
I've come up with some Customised CSS (https://beta.checkvist.com/auth/profile#appearance) that mostly does the job for 1-6, some of the areas aren't captured correctly (the background/foreground may not appear quite right), but I've got all the bits I have seen!
It also lets you pretty easily tweak the tag colours too!
span.fg1 { color: #ff0000 ; background-color: inherit ; }
span.fg2 { color: #00ff00 ; background-color: inherit ; }
span.fg3 { color: #0000ff ; background-color: inherit ; }
span.bg1 { color: #9500FF ; background-color: inherit ; }
span.bg2 { color: #ff00ff ; background-color: inherit ; }
span.bg3 { color: #FF8300 ; background-color: inherit ; }
span.bg1 a { color: #9500FF ; background-color: inherit ; }
span.bg2 a { color: #ff00ff ; background-color: inherit ; }
span.bg3 a { color: #FF8300 ; background-color: inherit ; }
div.coreDiv span.bg1 { color: #9500FF ; background-color: inherit ; }
div.coreDiv span.bg2 { color: #ff00ff ; background-color: inherit ; }
div.coreDiv span.bg3 { color: #FF8300 ; background-color: inherit ; }
div.coreDiv span.afterTask.dueDate { color: #555 ; border: 1px solid #ddd; }
div.coreDiv span.afterTask.dueDate.overdue { color: #ffffff ; background-color: #b10000 ; border-color: #b10000; }
span.fg1 a.afterTask.assignee { color: #0980f4 ; }
span.fg2 a.afterTask.assignee { color: #0980f4 ; }
span.fg3 a.afterTask.assignee { color: #0980f4 ; }
span.bg1 a.afterTask.assignee { color: #0980f4 ; }
span.bg2 a.afterTask.assignee { color: #0980f4 ; }
span.bg3 a.afterTask.assignee { color: #0980f4 ; }
div.coreDiv .tagClass_0,a.tagClass_0 { background-color:#eee ; color:#0980F4 ; border:1px solid #eee }
div.coreDiv .tagClass_1,a.tagClass_1 { background-color:#e0ecff ; color:#206cff ; border:1px solid #e0ecff }
div.coreDiv .tagClass_2,a.tagClass_2 { background-color:#dfe2ff ; color:#00c ; border:1px solid #dfe2ff }
div.coreDiv .tagClass_3,a.tagClass_3 { background-color:#e0d5f9 ; color:#5229a3 ; border:1px solid #e0d5f9 }
div.coreDiv .tagClass_4,a.tagClass_4 { background-color:#fde9f4 ; color:#854f61 ; border:1px solid #fde9f4 }
div.coreDiv .tagClass_5,a.tagClass_5 { background-color:#ffe3e3 ; color:#c00 ; border:1px solid #ffe3e3 }
div.coreDiv .tagClass_6,a.tagClass_6 { background-color:#fff0e1 ; color:#ec7000 ; border:1px solid #fff0e1 }
div.coreDiv .tagClass_7,a.tagClass_7 { background-color:#fadcb3 ; color:#b36d00 ; border:1px solid #fadcb3 }
div.coreDiv .tagClass_8,a.tagClass_8 { background-color:#f9ffef ; color:#64992c ; border:1px solid #f9ffef }
div.coreDiv .tagClass_9,a.tagClass_9 { background-color:#f1f5ec ; color:#063 ; border:1px solid #f1f5ec }
div.coreDiv .tagClass_10,a.tagClass_10 { background-color:#5a6986 ; color:#dee5f2 ; border:1px solid #5a6986 }
div.coreDiv .tagClass_11,a.tagClass_11 { background-color:#206cff ; color:#e0ecff ; border:1px solid #206cff }
div.coreDiv .tagClass_12,a.tagClass_12 { background-color:#00c ; color:#dfe2ff ; border:1px solid #00 }
div.coreDiv .tagClass_13,a.tagClass_13 { background-color:#5229a3 ; color:#e0d5f9 ; border:1px solid #5229a3 }
div.coreDiv .tagClass_14,a.tagClass_14 { background-color:#854f61 ; color:#fde9f4 ; border:1px solid #854f61 }
div.coreDiv .tagClass_15,a.tagClass_15 { background-color:#c00 ; color:#ffe3e3 ; border:1px solid #c00 }
div.coreDiv .tagClass_16,a.tagClass_16 { background-color:#ec7000 ; color:#fff0e1 ; border:1px solid #ec7000 }
div.coreDiv .tagClass_17,a.tagClass_17 { background-color:#b36d00 ; color:#fadcb3 ; border:1px solid #b36d00 }
div.coreDiv .tagClass_18,a.tagClass_18 { background-color:#64992c ; color:#f9ffef ; border:1px solid #64992c }
div.coreDiv .tagClass_19,a.tagClass_19 { background-color:#063 ; color:#f1f5ec ; border:1px solid #063 } -
-
Hello Mica,
So far, you might want to use custom item styling as a workaround.
I.e., Checkvist allows to style items having a particular tag (this is Checkvist PRO feature).For instance, you can setup Checkvist in a way that all items tagged #star will have yellow color.
Some help on such list styling is available here: https://checkvist.com/checklists/486715
Best,
-
Mica commented
Hi! I come here to express how much i would love INTENSE YELLOW Highlighting!!!
(the image that comes up to anybody's mind when you say highlighting: traditonal intense yellow)None of the existing colors (Red, Green, Blue) can replace Yellow! .. It has another .. energy i may say.. Items with red, blue or green background are opaque, i mean they are less legible/ readable, ... they don't stand out.. are not precise "High" "Lighted", lifted up for the human eye to catch them in a glance as intense yellow does so well.
So i ask for Intense Yellow highlighting, please pleaseee! :)
(And, plus, a pale yellow option would be also appreciatted, it would be useful to have both intense and pale.)
What do you say Kirill? -
chrisCV commented
Kir asked me comment on this request as I had a very similar one:
http://checkvist.uservoice.com/forums/2121-general/suggestions/10893471-allow-to-set-custom-colors-for-keys-7-8-and-9My request differs in the detail that I would suggest to let us customize 3 colors that are mapped to the keys 7, 8 and 9. This way we would have the flexibility to use colors we like or that have special meenings for us.
For us visual guys I made a mockup:
http://www.screencast.com/t/9Zd4Un0CaeJ -
-
thinkdata commented
it should be simple enough to allow this as a configurable item in the pro version, no? I thought it was!
-
Jon Edlund commented
Consider the mockup in progress. I will provide my response after the mockup is finished and uploaded, that way you can get the whole picture in one post. Thanks again for keeping everyone up-to-date with this discussion.
-
True, sometimes 3 colors is not enough. Initially, we wanted to map colors to keyboard shortcuts (1,2,3), and didn't want to complicate the interface with many options.
Also, there is an implicit "order of colors" which we use for command "Sort by color" in checkvist - so the current 3 colors also may be used as priorities. If we add more colors, we'll have also to allow users to set their priority order.
So, adding more colors is not that straightforward, and if you give us a mockup for the solution - that would be really helpful :)
-
Jon Edlund commented
Checkvist has squashed the competition because they are coming up with innovative ways to help people stay organized, however I feel that it isn't too much to ask for users to have the option of blue or yellow. I just feel that it goes better in a powerpoint or word document. Please let me know your thoughts, as I will try to make a mockup of this concept.