Обнаружение темного режима с помощью JavaScript - PullRequest
Новая
       43

Обнаружение темного режима с помощью JavaScript

0 голосов
/ 31 мая 2019

Windows и macOS теперь имеют темный режим.

Для CSS я могу использовать: 

@media (prefers-dark-interface) { 
  color: white; background: black 
}

Но я использую API Stripe ELements, который помещает цвета в JavaScript

Например: 

  const stripeElementStyles = {
    base: {
      color: COLORS.darkGrey,
      fontFamily: `-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
      fontSize: '18px',
      fontSmoothing: 'antialiased',
      '::placeholder': {
        color: COLORS.midgrey
      },
      ':-webkit-autofill': {
        color: COLORS.icyWhite
      }
    }
  }

Как определить предпочтительную цветовую схему ОС в JavaScript?

...