如何切換深色模式

使用 CSS 和 JavaScript 在深色和淺色模式之間切換。

切換類

使用任何應存儲您要切換設計的內容的元素。在我們的例子中，為了簡單起見，我們將使用 <body>：

<body>

設置 <body> 元素的樣式并，創建一個用于切換的 .dark-mode 類：

body {
  padding: 25px;
  background-color: white;
  color: black;
  font-size: 25px;
}
.dark-mode {
  background-color: black;
  color: white;
}

獲取 <body> 元素并在 .dark-mode 類之間切換：

function myFunction() {
  var element = document.body;
  element.classList.toggle("dark-mode");
}