sync color for genes and pathways

[nathandunn]

• [x] allow external configuration of the canvas color
• [x] configure genes to use a similar color schema
• [x] allow canvas to use min-vs-max min:[30,100,255],max:[180,255,0]
• [x] allow header to use min-vs-max as above
• [x] configure both to use min - vs - max
• [x] set pastel colors: https://color.adobe.com/explore/?filter=most-popular&time=month
  • [x] gene score
  • [x] pathway score
  • [ ] hover
  • [x] select
  • [ ] menus, etc.

From #71

[nathandunn]

Using: https://color.adobe.com/F%C3%B6delsedagskort-color-theme-10979072/?showPublished=true

Color: https://color.adobe.com/F%C3%B6delsedagskort-color-theme-10979072/?showPublished=true

• E37B40

• 46B29D

• DE5B49

• 324D5C

• F0C94D

[nathandunn]

[nathandunn]

From Left to right:

• E37B40 -> ignore (I think the menu can be purple, but will be over-written

• [ ] #46B29D -> gene score , rgb(70,178,157), cmyk (61,0,12,30)
• [ ] #DE5B49 -> pathway score, , rgb(222,91,73), cmyk (0,59,67,13)
• [x] #324D5C -> select
• [x] #F0C94D -> hover

====

[nathandunn]

Using CMYK . . . .might be better?

[jingchunzhu]

So this is color for the User interface, like dropdown menu etc?

[nathandunn]

@jingchunzhu These are the colors for the widget itself. If you have better suggestions, let me know.

The contrasts were pretty stark, so I'm trying to fix those.

[nathandunn]

Should use the rgba then for transparency.

[nathandunn]

I’ll assume that menus will be integrated into the xena client

Nathan

On Jul 20, 2018, at 5:30 PM, jingchunzhu notifications@github.com wrote:

So this is color for the User interface, like dropdown menu etc?

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub, or mute the thread.

[nathandunn]

Either way we can change the colors again later, but this should look much better

[jingchunzhu]

Here is the color palette Xena uses:

https://drive.google.com/file/d/0B1YD-sWgaBSDR1JMY1NHcTBNN1E/view

[nathandunn]

https://clevercanary.github.io/ucsc-cgl-style-guide/

[nathandunn]

Using clevercanary style-guide we have (note bug in guide for the select color in bottom-left):

From Left to right:

• #4CC9C0 -> gene score , rgb(76,201,192), cmyk (0.6219,0,0.0448,0.2118), used by other components

• [x] allow for a color mask to be passed in to headerLabel (refactor color calculator, getHover, getSelect, getHoverText() etc.)

  • [x] alternate font color if dark

• [x] allow for color mask to be passed in for expression (pathway vs gene)

• [x] (or darker) -> gene score #1A535C, rgb(26,83,92), cmyk (0.7174,0.0978,0,0.6392)

• [ ] #FF6B6B -> pathway score, , rgb(255,107,107), cmyk (0,0.5804,0.5804,0)

• [x] #113871 -> select

• [x] #FFE66D -> hover

====