问题标签 [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 投票
3 回答
1147 浏览

html - Facebook评论插件黑暗模式不起作用

正如标题所说,我无法让黑暗模式为 Facebook 评论插件工​​作。我在 FB 开发人员上使用了该工具,并按照说明添加了“data-colorscheme="dark"”,但它不起作用,有什么想法吗?

它加载但在我的深色主题网站上无法读取的浅色主题中。

0 投票
1 回答
120 浏览

javascript - 纯 JavaScript 的 HTML 暗模式

我想用 javascript 为我的网站添加暗模式。它在技术上有效,但不是我想要的方式。它仅将主体颜色设置为黑色。但挑战是为“< div >”标签设置颜色。老实说,我并不真正了解 JavaScript,所以我不知道该怎么做。这是我的代码:

0 投票
1 回答
251 浏览

javascript - 使用 JavaScript 的 HTML 本地存储暗模式

我试图为我的网站制作一个完整的暗模式。差不多完成了,但我有一个问题。当我重新加载页面时,暗模式会回到默认的亮模式。我该如何解决这个问题?我尝试了一些代码,但没有奏效。我想使用本地存储,但我不知道如何将它添加到我的代码中。有人可以帮我弄这个吗?这是我的示例代码:

0 投票
0 回答
54 浏览

xamarin.forms - 如何从 microsoft graph api 检索支持暗模式的电子邮件正文内容

我正在尝试使用 microsoft graph API 来使用 xamarin.forms 为 android 和 ios 构建我的电子邮件客户端应用程序。我的应用程序支持深色主题。Graph API 为我提供了正文内容的 Html 结果,并且样式仅支持轻模式。

有没有办法获取支持暗模式的电子邮件正文内容?

0 投票
0 回答
217 浏览

android - 当手机处于深色模式但应用处于浅色模式时,应用程序使用 -night drawable

我已经使用以下方法实现了暗模式:

它在 Application 类的创建过程中应用(以及当用户想要在应用程序设置中的模式之间滑动时)。

一切正常,除了一个继续遵循电话模式的可绘制对象。第一次启动应用程序时,drawable在light文件夹中,但是如果我在手机上将暗模式打开->关闭->打开,然后再次启动应用程序,这次drawable将是黑色的,即使其他一切都处于灯光模式。

我不知道它是否已链接,但它是唯一一个在 png、hdpi、mdpi、xhdpi、xxhdpi 和 xxxhdpi 中的可绘制对象(适用于明暗模式)

可绘制的暗模式

我不能将 SVG 用于这个可绘制对象,我没有找到解决方案。

我的应用主题是 Theme.AppCompat.DayNight.DarkActionBar

请注意,它也不能以其他方式工作,如果我的应用程序处于暗模式并且手机处于亮模式,则可绘制对象将是亮的。

0 投票
2 回答
286 浏览

javascript - Chrome 扩展 - 如何正确应用暗模式 CSS(尽快)?

好的,所以我想制作一个“深色模式”插件,但问题是我无法足够快地应用深色 CSS。当我重新加载网页时,它会以白色背景加载 1/2 秒,然后加载我的深色 CSS。这不是问题,但是在晚上我的显示器在每次重新加载页面时都会闪烁(这不是很好的用户体验)。这是我到目前为止所拥有的:清单(脚本加载部分):

这是 content.js

你看这里我在每个页面加载阶段都添加了“addClass”,只是为了确定。第一个工作正常,但问题是有时该行代码不会执行,因为 DOM 加载速度不够快。

在 style.css 文件中,我正在使用 css 更改样式,如下所示:

我只需要在页面加载后立即将网站的背景更改为黑色,这样一开始我就没有那个白色的闪光。其余的 CSS 可以在 1/2 秒后加载,没关系。

0 投票
1 回答
1692 浏览

swift - SwiftUI 2 自定义 GraphicalDatePickerStyle()

所以我有一个我想在暗模式下实现的 datePicker——它有几个图形故障——即日历上选定的日期有一个白色的 textColor,有什么办法可以解决这个问题吗?我用红色圆圈突出了问题区域,基本上我只需要能够更改切换颜色并将今天的日期(当它被选中时)更改为黑色 textColor:

显示日期选择器的样子

有人对如何解决这个问题有任何想法吗?

0 投票
2 回答
5834 浏览

tailwind-css - Tailwind css 暗模式未启用

我正在尝试使用顺风基于系统默认启用暗模式。

为此,我使用了插件:Tailwind dark mode

我的顺风配置失败如下:

在我的 html 文件中,我添加了以下内容:

该插件会检查我的暗模式,但文本不会变黄,而是保持黑色。

有谁知道为什么它不起作用?

0 投票
0 回答
248 浏览

react-native - 如何在反应本机应用程序中禁用设备暗模式支持

我通过提供这样一个选项并且运行良好,在我的应用程序中实现了暗模式支持,但是有一种情况,例如许多 ANDROID 和 iOS 设备也具有内置暗模式功能如果启用了设备的暗模式,那么应用程序的外观就不一样了我通过应用应用程序暗模式得到了什么

背景,文字颜色与我的深色模式版本不同

所以我想为我的应用禁用该设备暗模式支持。

请建议我如何实现这一目标?谢谢

0 投票
1 回答
37 浏览

android - Android - 系统无法将我的主题识别为暗模式

我有两个主题。一种是:

另一种是:

我以前在这样的每一个活动中都应用了主题super.onCreate()

应用主题。但系统的行为不像选定的主题。

例如,当系统为浅色模式而应用程序为深色模式时,导航栏仍为白色,对话框仍为白色等。

但是当我打开 Instagram 并切换到暗模式时,系统的行为也像在暗模式下一样。

我在这里做错了什么?我怎样才能解决这个问题?