- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 website使用 TailwindCSS 正确实现深色/浅色 UI。
我想知道是否有一种方法可以强制网站以暗模式加载,直到用户通过单击切换按钮专门打开亮模式。
为什么?因为我更喜欢网站在深色模式下的外观,但由于正确实现了浅色/深色主题,我宁愿保留它并强制它在深色模式下加载,而不管用户的浏览器设置如何。
最佳答案
尝试以下操作
在 tailwind.config.css
中将 darkMode
设置为 class
module.exports = {
darkMode: 'class',
// ...
}
当你需要 darkMode
时,只需在 html
标签内添加 dark
的 ClassName
<html className="dark">
<body>
<!-- Will be black -->
<div className="bg-white dark:bg-black">
<!-- ... -->
</div>
</body>
</html>
当您需要 light
时,只需删除 html
标签内 dark
的 ClassName
希望对您有所帮助!
关于javascript - 如何在浏览器上使用 TailwindCSS 强制暗模式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72649576/
我想要一个深色的 Activity 对话框主题,所以我定义如下: @color/colorPrimary @color/colorPrimaryDark @color/col
是否可以改变 UIVisualEffectView 的颜色超出标准的额外亮、亮和暗? 我需要实现明暗预设之间的阴影。 最佳答案 如果您想要类似于 UIVisualEffectView 但控制更多的东西
在这个 fiddle 上,函数完美地完成了工作,但我需要稍微调整连接。 该点击甚至需要是父 div 的 addClass(深色/浅色)(true 或 false)。 如果是深色,则添加 Bright
以前拖动到 Xcode Assets 目录中的图像可以命名如下 ... Rabbit@2x.png Rabbit@3x.png 释放拖动后,这些图像会自动分配到目录中正确的 2x 和 3x 位置。 现
如何获得 Emacs 的背景类型?例如'light或 'dark 你可以像这样定义一张脸: (defface moedict-type '((((class color) (background
我们有几个使用 mongoose 的 nodejs 守护进程,同时共享相同的持久层(包含查询的共享模块)。 在其中一个守护进程(总是同一个)中,我们随机(每周几次)从 mongoose 得到以下错误:
我是一名优秀的程序员,十分优秀!