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
As I use a dark mode on github, it displayed the schematic as black-on-dark-background, making it almost unreadable. This repository has the same issue.
Playing around with different options, I suggest adding css media queries to the generated svg files and skins:
When the browser is set to a dark theme, the circuit color will be changed to white.
As a possible drawback, graphics may appear white-on-white on websites that still use a white background despite the user preference. As this is not the case on GitHub, this should probably be the default, at least for examples in this repository.
An alternative I considered was to use mix-blend-mode and background-blend-mode, as well as svg filters, to try to mix/invert background colors, but I didn't have much success.
The text was updated successfully, but these errors were encountered:
I was browsing a repository that uses a file from this repository in its readme.
As I use a dark mode on github, it displayed the schematic as black-on-dark-background, making it almost unreadable. This repository has the same issue.
Playing around with different options, I suggest adding css media queries to the generated svg files and skins:
When the browser is set to a dark theme, the circuit color will be changed to white.
As a possible drawback, graphics may appear white-on-white on websites that still use a white background despite the user preference. As this is not the case on GitHub, this should probably be the default, at least for examples in this repository.
An alternative I considered was to use
mix-blend-mode
andbackground-blend-mode
, as well as svg filters, to try to mix/invert background colors, but I didn't have much success.The text was updated successfully, but these errors were encountered: