☯️

[drom]

☯️ Light on Dark vs. Dark on Light ☯️

Most of the interactive waveform viewers use light lines over dark background.
Datasheets usually prefer black (dark) lines and text on the white (paper) background.
Do we need to support both modes?
Can it be skinnable?

[Paebbels]

Working with waveforms on dark background helps to relax your eyes. While eyes are more stressed to work on light backgrounds. Another help for eyes is the shadow below high signals.

[nturley]

For the interactive viewer I prefer dark background. If I export/screenshot something for documentation, I'd want it to be light background so it could be potentially printable.

[DrSensor]

Agree with skinnable parts, especially if it can be skinned using CSS. The question is what kind of CSS? inline style or global (internal/external)?

[drom]

Agree with skinnable parts, especially if it can be skinned using CSS. The question is what kind of CSS? inline style or global (internal/external)?

DOM elements (HTML, SVG) can be stylized with CSS, I am not sure about Canvas.
Also if we need saving standalone SVG files they have to include all CSS

[DrSensor]

Then inline style could be the appropriate solution. The downside is the theme author can't use pseudo-selectors like :hover, :focus, etc. For Canvas, how about draw the SVGElement into Canvas?

[drom]

Related : https://twitter.com/ico_TC/status/1058673928850292736