search

bioinformatics-hub-ke / BOSS22

Website for BOSSCon 2022, a BHKi and OpenScienceKE Conference: 26-29 April 2022.
http://bosscon2022.bhki.org
MIT License
0 stars 10 forks source link

Website colors #44

Closed karegapauline closed 2 years ago

karegapauline commented 2 years ago

@bkmgit see this link, 27. Gorgeous contrast. I think those colors work.

bkmgit commented 2 years ago

@karegapauline There are a lot of choices. Assuming only the colors need to be changed please indicate the color changes that should be made to the dark and light themes. Ideally take a screen shot and put a label on each color that should be changed, or have a list in this thread. It may be helpful to also check

karegapauline commented 2 years ago

This is a helpful site. http://a11yrocks.com/colorPalette/

AAC789 option is my suggestion.

bkmgit commented 2 years ago

Please be specific. There are at least 5 colors for each skin.

karegapauline commented 2 years ago

The contrast in #AAC789, with the dark and light green. exactly as it is is I was suggesting, with a small change at the footer. I don't know if this breakdown helps.

Dark Green BOSSCon logo Site background-color Light text Dark green menu highlight (#AAC789) Light green menu highlight Grey (#808080) footer

Light Green BOSSCon logo Site background-color Dark text Dark green menu highlight Light green menu highlight Grey footer

bkmgit commented 2 years ago

@karegapauline Thanks. HTML color code for light green? Currently the logo BOSSCon 22 uses #55ba3f - it probably it should use #AAC789 or whatever color code is used for light green.

bkmgit commented 2 years ago

Maybe #437356 works for light green, or can continue with pink for the menu highlight, for example #F34A53

karegapauline commented 2 years ago

437356 this works, I was thinking it can replace the pink menu highlight.

bkmgit commented 2 years ago

Dark Light Sample screen shots from https://github.com/bioinformatics-hub-ke/BOSS22/pull/48

bkmgit commented 2 years ago

Footer Footer

kipkurui commented 2 years ago

Dark Light Sample screen shots from #48

This looks good.

bkmgit commented 2 years ago

Please merge if ok. The template has a formula to calculate the lighter menu highlight color, at present this is unchanged.

bkmgit commented 2 years ago

It gives a light green color.

bkmgit commented 2 years ago

https://github.com/bioinformatics-hub-ke/BOSS22/pull/48