问题标签 [darkmode]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
126 浏览

django - 如何为匿名用户添加暗模式

我正在使用 Django,我在我的网站上添加了暗模式。但仅适用于登录用户,有没有办法为匿名用户添加它?

代码:

我检查它是否存在于模板视图函数中:

然后我在模板中检查它

现在添加暗模式的唯一方法是登录用户,对于匿名用户还有其他方法吗?

0 投票
1 回答
32 浏览

javascript - 从本地存储切换两个类

我正在尝试为我的网站创建暗模式。我已经找到了如何进行系统偏好切换以及如何使用按钮覆盖它并将其设置为本地存储。但是我很难像改变身体一样改变body2。这是我的代码,我希望你能帮助我用一个按钮改变两个元素的颜色。我也想实现 body2 的颜色变化。谢谢!HTML:

JS:

CSS:

0 投票
1 回答
43 浏览

css - 无论是否激活暗模式,都已激活偏好颜色方案

我在我的网站上使用以下 CSS 在暗模式下反转图像:

它适用于暗模式,但也适用于亮模式。我不确定如何修改它以使其工作 - 看起来很简单。

0 投票
1 回答
396 浏览

typescript - Svelte、Typescript、TailwindCSS 暗模式支持

我正在开发一个 Svelte3 项目,试图获得 TailwindCSS DarkMode 支持。从我读过的文档中,它应该在本地工作?目前这是一个非常样板的 Svelte 项目,配置了 Tailwind、Typescript 和 PostCSS。在大多数情况下,顺风课程都在工作,但是,暗模式课程不是……我似乎无法正确配置……有人可以帮我吗?

index.html

tailwind.config.js

rollup.config.js

postcss.config.js

tsconfig.js

0 投票
0 回答
155 浏览

android - Android中暗模式的设置主题

我设计了一个主题设置片段让用户在主题之间进行选择。它将值写入 Preferences Datastore,然后 ViewModel 的观察者会观察到该数据存储区,并且主题会相应更改。但是,当我尝试从系统默认切换到暗模式时,观察者会进入一个循环。这就是我的观察者代码的样子:

这是我尝试从跟随系统切换到暗模式时的 logcat:

这是一个无限循环。作为参考,我将用户首选项存储为 AppCompatDelegate 的常量(因为这样我可以准确地调用 AppCompatDelegate setDefaultNightMode)。我正在运行在系统范围内应用暗模式的 Android 10 设备。

用于更改主题的代码:

最后 MainActivity 这样做:

0 投票
1 回答
184 浏览

c# - 如何创建一个开关来为 Windows 窗体选择深色主题?那可以使整个背景变暗吗?在c#中

如何创建一个开关来为 Windows 论坛选择深色主题(如 VPN 中的滑动开关)?那可以使整个背景变暗吗?我想给出用户想要什么的选项,例如,他只是想让背景变暗还是希望文本框也变暗?我在谷歌上没有找到任何东西

0 投票
1 回答
87 浏览

javascript - 为什么我的 javascript 在我的导航部分中不起作用?

所以我制作了一个 JavaScript 按钮来在我的页面上切换暗模式。问题是它在任何地方都可以使用,除了页面顶部的“导航菜单”部分。理想情况下,我希望此区域中的所有文本(包括子菜单/链接等)的白色文本变为黑色,就像页面上的所有其他内容一样,以及浅灰色背景(只是顶部的部分)导航栏 RGB(59, 58, 58) ) 在切换到“灯光模式”时变为蓝色。我还没有对灰色到蓝色背景部分进行编码,但我无法弄清楚为什么文本甚至没有从白色变为黑色。有人能告诉我什么是错的,并且可能是让它工作的最简单方法吗?

我的代码:

0 投票
2 回答
77 浏览

javascript - 如何使暗模式在网页中持久化?

我已经尝试过通过本地存储进行持久化,但是当尝试它时显​​示出丑陋的用户体验,因为每次加载 JavaScript 文件并且每次执行代码,本地存储的功能很难看,我该如何做一些每次加载页面时,持久性本地存储都不会刷新和更新屏幕。

这是我的暗模式代码,但我讨厌这个。

您可以查看我制作的网站,这具有切换页面时从深色变为白色的效果,反之亦然。 暗模式链接

0 投票
1 回答
232 浏览

ios - SwiftUI contextMenu 仅在暗模式下

有谁知道为什么当您将 contextMenu 放在按钮视图中时,它只会以暗模式出现:

在 iOS 和 iPadOS、模拟器和操作系统版本为 14.4.1、14.4.2 和 14.5.1 的设备上进行了尝试。我也几乎可以肯定,情况并非总是如此。

0 投票
0 回答
21 浏览

javascript - 为 html 站点分离暗/亮模式文件

我在一个网站上工作,我制作了 2 个不同的文件,分别用于暗模式和亮模式。这些文件中的每一个都有多个子类,其中包含单独的 css。例如,有 2 个文件,dark.css(深色模式)和 main.css(浅色模式),每个文件中都有各种内容,如 h1、h5、h6、.navbar 等等。如何更改切换,以便在按下按钮时,页面导入 dark.css 而不是 main.css,反之亦然。

我尝试了使用站点的各种方法,但它们都指的是制作单独的类,这是一个我不太喜欢的冗长过程。那么有没有像我上面提到的那样使用js的更简单的方法?我不想更改任何类名,我想按原样使用文件,只想更改切换按钮的 html 和可能的 js。

提前致谢!