prefers-color-schemaの話

 prefers-color-schemaの話

D8eb514404fbca5bd485040edccdbe30?s=128

Matsui Masashi

April 12, 2019
Tweet

Transcript

  1. 4.

    Example @media (prefers-color-scheme: light) { background-color: white; color: black; }

    @media (prefers-color-scheme: dark) { background-color: black; color: white; } 4
  2. 7.

    参考URL prefers-color-scheme を⽤いた Dark Mode 対応と User Preference Media Features

    | blog.jxck.io prefers-color-scheme - CSS: カスケーディングスタイルシート | MDN 7