Color preview - Githubissues

siemens / ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.

https://ix.siemens.io/

MIT License

207 stars 68 forks source link

Color preview #444

Closed katjaKoppensteiner closed 1 year ago

katjaKoppensteiner commented 1 year ago

What happened?

The color bubbles beside the color variable names are the same. See: https://ix.siemens.io/docs/theming/colors/

It would be nice if these bubbles would have the color what it should have for better orientation.

nuke-ellington commented 1 year ago

Good catch. I appears as if this only happens if you deep-link/re-load the page. When navigating to the colors page the previews work.

silviowolf commented 1 year ago

Found 2 additional issues regarding the color preview:

the color-circles should be 24x24 (currently 20x20)
the chessboard pattern in the background is too detailed to be recognized on colors with opacity. Use this pattern image instead:

chessboard-pattern

danbrady commented 1 year ago

Hi, I'd like to help with this issue. If that's ok, I can update with @silviowolf's two additional requests.

However, when running the documentation website locally, I do not see the issue with the color previews not loading correctly. I am able to see them without issue no matter how I land on the page. (Using Chrome 112 /MacOS 11.7) I do see the issue on the live version though. Thoughts?