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

ios - MKMapView 暗模式更改动画

在一个收集视图单元格中,我有一个地图视图:

当集合视图第一次向上滚动时,地图会从亮模式变为暗模式。有没有办法停止该动画只是让它出现在黑暗模式下?

该应用程序本身始终处于黑暗模式。

0 投票
0 回答
94 浏览

android - 当以编程方式设置亮模式时,某些视图使用暗模式颜色

我的设备是 android 10 并使用暗模式。在应用程序中,我可以将主题更改为灯光/夜间模式,并默认设置灯光模式。当我从一个片段导航到另一个片段并加载数据时,某些页面元素或整个页面使用暗模式颜色image1显示它应该是怎样的,在image2中它是我得到的,而image3显示当整页变为暗模式时,甚至在前面选择了亮模式我的应用程序设置页面。

图片:

图像1 -图像1

图像2 -图2

图 3 -图3

我更改主题模式的代码:

1 -应用类

2 -我可以选择主题的设置类

0 投票
1 回答
2435 浏览

android - 防止在不增加 SDK 版本的情况下在 MIUI 中强制暗模式

我的新应用不支持暗模式。当我在小米上安装它(开启暗模式)时,MIUI 会在其上应用暗模式。MIUI在“设置->显示->更多暗模式选项”中有设置(“更多暗模式选项”截图)。尽管我的应用程序不支持此选项,但我的应用程序已启用此选项并强制执行暗模式。大多数其他应用程序未启用此模式。有些应用程序是“白色”的,但对他们来说,此模式未启用并且它们可以正常工作。

我找到了将以下行添加到themes.xml的解决方案:

问题是,这条线需要设置 minSdkVersion = 29。如何防止 MIUI 在“更多暗模式选项”中启用该选项并在我的应用程序中强制使用暗模式(就像在大多数其他“白色”应用程序中一样)并保持 SDK 版本为 21 ?

基于安卓 10 的 MIUI 12

0 投票
0 回答
79 浏览

javascript - 暗模式设置为本地存储

嗨,我在将我的网站上的暗模式设置保存到 时遇到问题localStorage,因此在刷新或转换到另一个页面后,设置将保持不变。不需要基于用户偏好的自动更改。实际上,我有 2 个具有不同颜色的主体和一个根据明暗设置而变化的图标。

JS:

CSS:

HTML:

非常感谢!!

0 投票
0 回答
254 浏览

vue.js - Vue - 如何根据深色模式或浅色模式更改 svg 颜色

在我的 vue 项目中,我有两个主题,即暗模式和亮模式。我为颜色代码创建了根变量和暗模式变量,以便可以在它们之间切换。到目前为止一切都很好,但我有一个问题。我无法更改在侧边栏中用作品牌徽标的 .svg 颜色。那么我将如何根据主题更改 svg 呢?

这是我在 Navbar.vue 中的暗模式功能;

我将该方法绑定到一个包含暗模式和亮模式的两个图标的跨度,如下所示;

When the dark mode is selected, the data becomes theme: 'dark-mode', what I want to do is, when the theme is equal to dark-mode, I want to display the white svgin my Sidebar;

如何将主题信息从导航栏发送到侧边栏,以便我可以说v-if="theme == 'dark-mode'或类似的东西?

0 投票
1 回答
170 浏览

background-color - Cytoscape.js - 切换暗模式

我知道我可以在 cytoscape.js 中编辑节点和边缘的颜色

我应该为背景颜色使用什么选择器?我想在浅色和深色背景之间切换(如浅色/深色模式的切换)。

非常感谢任何可以回答的人。

0 投票
2 回答
1078 浏览

html - 电子邮件设计暗模式,有没有办法在 gmail ios 的暗背景上用白色文本颜色书写?

我知道在 gmail ios 中以暗模式为目标是不可能的。但我想我会问是否有人解决了这个问题:我的背景图像很暗。在黑暗模式下,白色文本恢复为黑色,而在 gmail for ios 上,我尝试过的都没有用。我什至尝试在图像顶部放置纯色背景色,但没有成功。如果有人找到了可行的破解方法、解决方法、想法,我很想听听!谢谢!!!

0 投票
0 回答
37 浏览

javascript - 编写文本和 DarkMode 不能一起工作

我需要你的帮助!我想自动编写文本并打开/关闭 DarkMode。我从其他开发人员那里复制了文字。但我一个人创建了 DarkMode。编写文本正在工作。黑暗模式也是。但是当我在一个页面上同时使用它们时,其中一个不起作用。我检查了所有相同的变量,我什至向变量添加了一些空值来重置它。或者我尝试使用不同的值。但什么都没有。请问这个怎么办?

这是 JS:

有一个用于编写文本的 HTML 代码:

对于黑暗模式:

拜托,我真的需要你的帮助。谢谢

0 投票
0 回答
74 浏览

android - 如何为在 Android 上的 Google Chrome 上查看的网页覆盖 React JS 上的“暗模式”?

我在不同平台上检查了我的网站,它保留了最初创建的浅色模式,但 Android 上的 Google Chrome 强制网页上的“深色模式”并交换颜色。我们有什么办法可以阻止这种情况吗?

我正在使用 Tailwind CSS 进行样式设置。已经很久了。

0 投票
1 回答
260 浏览

reactjs - 无法修复 React 暗模式闪烁

在我的 React 应用程序中实现暗模式时,我面临着一个令人沮丧的问题。应用程序读取localStorage并应用用户喜欢的主题(这一切都由 完成use-dark-mode)。不幸的是,每次用户打开页面时,默认主题都会在启用暗模式之前闪烁。

现在,我浏览了互联网并发现,只需在解决问题后将特定代码(如此处所示)放入<script>标签中即可。<body>

问题是,似乎没有什么可以解决这个令人不快的闪光,并且它发生在所有浏览器中。我尝试将脚本移动到<head>标签内,甚至使用 运行它window.onload,但似乎没有任何效果。

有没有人遇到过这样的问题?修复此闪光灯的最佳方法是什么?提前非常感谢!

这是GitHub 存储库的链接。 注意:我没有使用任何服务器端渲染。