深色模式，也称为浅色底深色图案配色方案，是一种在深色背景上使用浅色文本、图标和图形用户界面元素的配色方案，经常在计算机用户界面设计和网页设计方面进行讨论。
深色模式背后的理念是，在保持可读性所需的最低色彩对比度的同时，减少设备屏幕发出的光。
blue light——睡前使用手机可能会影响睡眠。让我们从一个 HTML 框架、一个按钮、一个链接的样式表和一个脚本开始。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dark Mode</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<button class="btn" id="toggleBtn">
Toggle Dark Mode
</button>
<script src="script.js"></script>
</body>
</html>
现在我们来解决主要问题。首先，我们将添加颜色的 CSS 变量（我们称它们为 `colors`primary和background`colors`），并在深色模式下覆盖所需的颜色。
:root{
--primary: #4240b4;
--background: #dddddd;
}
.dark{
--background: #222222;
}
html,
body{
background-color: var(--background);
}
.btn{
background-color: var(--primary);
}
因此，在 JavaScript 代码中，我们只需要切换 HTML 文档主体部分的类列表即可。
const body = document.querySelector("body")
const toggleBtn = document.querySelector("#toggleBtn")
toggleBtn.addEventListener("click", (e) => {
body.classList.toggle("dark")
})
Smartapp
网页应用：https://smartsapp-ba40f.firebaseapp.com
ruppysuppy / SmartsApp
一款完全跨平台的即时通讯应用，支持端到端加密（E2EE）。
注意：演示中展示的功能并不完整，仅展示了核心功能。
该应用程序的后端由……处理Firebase。
SmartsappGoogle AnalyliticsApp从概览页面为项目创建项目。Authentication部分Sign-in method卡Email/Password并Google登录Firestore部分Rules……需要一位顶尖的软件开发自由职业者来解决您的开发难题吗？请通过Upwork联系我。
想联系我？请在领英上联系我。
关注我的博客，即可在Medium上获取每两周更新的精彩内容。
常问问题
以下是一些我经常被问到的问题。希望这个常见问题解答部分能解答您的疑问。
我是新手，应该如何学习前端Web开发？
请参考以下文章：
您愿意指导我吗？
抱歉，我已经工作很忙了，没有时间指导任何人。