hue-rotate .output_area img

[sharethewisdom]

I usually like graphs and images to retain their original color palette, particulary:

  .output_area img, .top-domains-icon[alt*="."] {
    -webkit-filter: invert(100%) hue-rotate(180deg)!important;
  }

Is it really important to match white to #181818, as stated in the comment?

[silverwind]

Example?

[sharethewisdom]

The linked Jupyter notebook syntax highlighting example in README.md contains a scatter plot at the bottom of the page containing the color="brown" specification in the code. Particularly, in other, more complicated graphs it could be beneficial to relate the graphical components to what's happening in the code by retaining the hue. Inverting only the brightness as I propose, does change the brown color to pink, but for me at least it is usually good enough.

[sharethewisdom]

I accidentally closed this, but it's not important anyway, do let me know if you agree...

[Mottie]

Hmm, what do you think of these settings?

.output_area img, .top-domains-icon[alt*="."] {
    -webkit-filter: invert(90%) hue-rotate(180deg) brightness(85%) !important;
}

It makes the blue and red a little darker.

[silverwind]

Maybe tweak it a bit more so the background change isn't noticeable.

[Mottie]

Go for it... I'm not sure what you mean.

[silverwind]

I mean the background should still be #181818 after all the filters, I'll play with it.

[silverwind]

Done in f5c1444. The background is back at #181818 with the colors being at least the original shade.

I don't think the dark blue on the first graph can be accurately represented, but I tried to give it a bit more color through saturate(200%) which seems to help. Could go further on that one, but I'm not sure it won't have unintended side effects.

[Mottie]

I think these new colors turned out pretty good... check this gist out: https://gist.github.com/KirkHunter/274f90837389b882eaf3813de64dac5f

The map of LA at the bottom doesn't look too bad :P

[silverwind]

The dark green shade on that graph bothers me a bit, otherwise it looks quite good, yeah :)