Re: [community-group] Native modes and theming support (#210)

`[theme-dark]` That is not a native API for dark mode and shouldn't be taken into consideration. Anyone can do any custom thing.

> One project wants `@media (prefers-color-scheme: dark)`, another makes dark mode the default and uses `@media (prefers-color-scheme: light)`

That would just work.
Your base set of values wouldn't be wrapped in any conditional at rules.
Your conditional set of values would be wrapped in whatever conditional matches.

If a designers decides to do dark as default then the code generator would produce :

```css
.foo {
  color: pink;
}

@media (prefers-color-scheme: light) {
  .foo {
    color: red;
  }
}
```

--------

But I don't want to focus to much on conditional values and the benefits of being to generate those without first confirming if the original proposal was for theming or conditional values.

-- 
GitHub Notification of comment by romainmenke
Please view or discuss this issue at https://github.com/design-tokens/community-group/issues/210#issuecomment-1481632922 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Thursday, 23 March 2023 17:51:19 UTC