Logo and style changes

[lauraporta]

Working on #9

[lauraporta]

I was trying to make style changes by editing the repo with our future sphinx theme, but it will still take a while to make it functional (PR #1). So, I can now test the palette only by directly adding a custom.css file here.

I am following PyData docs.

Here is how it looks for dark and light theme. I might have chosen too flashy colours for the dark one. I don't yet know where --pst-color-secondary is used.

[adamltyson]

I like it. I have no idea whether it's better to add a css file here or try to get the custom theme working though.

[lauraporta]

@niksirbi what do you think of the colours? Once we define here our custom.css we could then port it to neuroinformatics-sphinx-theme.

[lauraporta]

@adamltyson I think that now that we have few websites and small lines of code to add we are ok without our own sphinx theme. In the future it might simplify our work

[niksirbi]

Nice work, I like the look! Two comments on the colors:

• The primary green on dark theme is too bright imo, and is visibly very different from the matrix green of the logo. I guess you increased the contrast for readability but might have gone too far?
• The yellow color for inline code isn't super legible on the light theme. Have your tried purple for inline code? Maybe purple on light theme and a brighter fuchsia on dark? I expect it would go well with the green. Or is there some specific reason you went for yellow here?

[niksirbi]

I think for now it's OK to have the CSS on each repo level, but I suspect it will get out of hand soon if we keep adding modifications. My suggestion would be: prototype here (as you are already doing), and port to the neuroinformatics-sphinx-theme once satisfied. All other docs repos should inherit their style from there.

[lauraporta]

@niksirbi if I keep the matrix green for the dark theme, I think that readability decreases, this is why I kept it only for the light theme 🥲 I could change the green of the logo depending on the theme (no yet sure how to). What do you think? Regarding yellow, I just opted to it to differentiate with the blue-pink colour scheme of PyData theme. I can revert to the original pinks.

[niksirbi]

@lauraporta I totally get the reason for making the green brighter on the dark theme. I think figuring out how to change the logo depending on the theme will be quite tricky. We can either leave it as it is now, or you can try to decrease the brightness of that green a little bit (so brighter than the matrix green, but darker than the current value), so that the difference with the logo is not so easily perceptible to the human eye. If that doesn't work out, leave it as is.

Regarding the yellow/purple issue, I personally prefer the PyData purples for inline code stuff. They obviously spent some time on finding the colours that work, and I think there is no need to differentiate ourselves from them in every aspect of branding.

[lauraporta]

Let's compare some darker green shades:

05F092

04DC86

04C87A

04B46D

03A062 (matrix)

[lauraporta]

I think #04B46D might be a good compromise!

[niksirbi]

I like both #04C87A and #04B46D ! Still legible and not too far from the logo color

[lauraporta]

OK great! Thanks