You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
See issue #408; here are things we learned doing dark-mode charts:
use currentColor for black
use a named variable for white
if you use mixBlendMode: "multiply" (or "difference" or whatever) to mitigate occlusion, add a global isolation: isolate style to the plot, to avoid blending with the background.
we can use this discussion to add more remarks, and maybe how to make it simpler, for example, adding isolation: isolate to the default styles, or finding the best way to declare a stroke or fill as the "opposite of currentColor".
Transforming "white" to "black" with pure CSS: :root.dark marker[stroke=white] {stroke: "black");}
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
See issue #408; here are things we learned doing dark-mode charts:
if you use mixBlendMode: "multiply" (or "difference" or whatever) to mitigate occlusion, add a globalisolation: isolate
style to the plot, to avoid blending with the background.we can use this discussion to add more remarks, and maybe how to make it simpler, for example, adding isolation: isolate to the default styles, or finding the best way to declare a stroke or fill as the "opposite of currentColor".
Transforming "white" to "black" with pure CSS::root.dark marker[stroke=white] {stroke: "black");}
#1463
https://twitter.com/mbostock/status/1653069773645938689
Beta Was this translation helpful? Give feedback.
All reactions