Research: how can we implement inversed state/ondark property within our components (contextual tokens)

sl-design-system / components

SL Design System

https://sanomalearning.design/

Apache License 2.0

38 stars 3 forks source link

Research: how can we implement inversed state/ondark property within our components (contextual tokens) #1405

Open DanielleRameau opened 1 month ago

DanielleRameau commented 1 month ago

### Tasks
- [ ] check other design systems, how do they solve inversed states within components?
- [ ] requirement: keep it maintainable
- [ ] try to reuse our current components if it is not nessecary to create new ones
- [ ] Come up with a solution for SL Design System
- [ ] Create new issue to implement ondark/inversed property

arecuenco-dsgn commented 1 month ago

Carbon uses "Inverse" to name dark colors: https://carbondesignsystem.com/elements/color/tokens#:~:text=%24background%2D-,inverse,-High%20contrast%20backgrounds

Atlassian also uses it: https://atlassian.design/components/tokens/all-tokens#:~:text=color.text.-,inverse,-Use%20for%20text