Color scheme

[splincode]

@waterplea what do you think about add some

[tuiTheme='dark'] {
  color-scheme: dark;

   // Backgrounds
   --tui-background-base: #222;
}

&:root,
[tuiTheme='light'] {
  color-scheme: light;

  // Backgrounds
  --tui-background-base: #fff;
}

It's can helps have such entries in the code for custom styles in user's pet/own projects

/* If user prefers a dark appearance */
@media (prefers-color-scheme: dark) {
  .my-class {
    // my styles
  }
}

instead of

  [tuiTheme='dark'] .my-class {
    // my styles
  }

[waterplea]

This isn't how it works. You will still not be able to use @media (prefers-color-scheme: dark) unless your system is set to have dark theme. This is only helpful for native inputs/buttons/etc so that they are also dark inside dark mode Taiga interface. It's probably good to add it, but I'm a bit worried about breaking changes if we add color-scheme: light in :root