color-scheme

color-scheme CSS 屬性允許元素指示它可以舒適地呈現哪些顏色方案。
操作系統顏色方案的常見選擇為“亮色”和“暗色”，或“日間模式”和“夜間模式”。當用戶選擇其中一種顏色方案時，操作系統會對用戶界面進行調整，包括表單控件、滾動條和 CSS 系統顏色的使用值。

可選值

• normal
  表示元素未指定任何配色方案，因此應使用瀏覽器的默認配色方案呈現。

• light
  表示可以使用操作系統亮色配色方案渲染元素。

• dark
  表示可以使用操作系統深色配色方案渲染元素。

• only
  禁止用戶代理覆蓋元素的顏色方案。
  可以使用 color-scheme: only light; 應用于特定的元素或 :root，以關閉由 Chrome 的自動深色主題引起的顏色覆蓋。

實例：

未添加

添加了