wavedrom / zoom

🔍 Zoomable Waveform viewer for the Web
MIT License
42 stars 1 forks source link

☯️ #4

Open drom opened 6 years ago

drom commented 6 years ago

:yin_yang: Light on Dark vs. Dark on Light :yin_yang:

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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 commented 6 years ago

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