问题标签 [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.
ios - MKMapView 暗模式更改动画
在一个收集视图单元格中,我有一个地图视图:
当集合视图第一次向上滚动时,地图会从亮模式变为暗模式。有没有办法停止该动画只是让它出现在黑暗模式下?
该应用程序本身始终处于黑暗模式。
android - 防止在不增加 SDK 版本的情况下在 MIUI 中强制暗模式
我的新应用不支持暗模式。当我在小米上安装它(开启暗模式)时,MIUI 会在其上应用暗模式。MIUI在“设置->显示->更多暗模式选项”中有设置(“更多暗模式选项”截图)。尽管我的应用程序不支持此选项,但我的应用程序已启用此选项并强制执行暗模式。大多数其他应用程序未启用此模式。有些应用程序是“白色”的,但对他们来说,此模式未启用并且它们可以正常工作。
我找到了将以下行添加到themes.xml的解决方案:
问题是,这条线需要设置 minSdkVersion = 29。如何防止 MIUI 在“更多暗模式选项”中启用该选项并在我的应用程序中强制使用暗模式(就像在大多数其他“白色”应用程序中一样)并保持 SDK 版本为 21 ?
基于安卓 10 的 MIUI 12
javascript - 暗模式设置为本地存储
嗨,我在将我的网站上的暗模式设置保存到 时遇到问题localStorage
,因此在刷新或转换到另一个页面后,设置将保持不变。不需要基于用户偏好的自动更改。实际上,我有 2 个具有不同颜色的主体和一个根据明暗设置而变化的图标。
JS:
CSS:
HTML:
非常感谢!!
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 svg
in my Sidebar;
如何将主题信息从导航栏发送到侧边栏,以便我可以说v-if="theme == 'dark-mode'
或类似的东西?
background-color - Cytoscape.js - 切换暗模式
我知道我可以在 cytoscape.js 中编辑节点和边缘的颜色
- 对于节点,我可以使用选择器:'node'
- 对于边缘,我可以使用选择器:'edge'
- 与此类似:Cytoscape.js - 将核心背景设置为深色?
我应该为背景颜色使用什么选择器?我想在浅色和深色背景之间切换(如浅色/深色模式的切换)。
非常感谢任何可以回答的人。
html - 电子邮件设计暗模式,有没有办法在 gmail ios 的暗背景上用白色文本颜色书写?
我知道在 gmail ios 中以暗模式为目标是不可能的。但我想我会问是否有人解决了这个问题:我的背景图像很暗。在黑暗模式下,白色文本恢复为黑色,而在 gmail for ios 上,我尝试过的都没有用。我什至尝试在图像顶部放置纯色背景色,但没有成功。如果有人找到了可行的破解方法、解决方法、想法,我很想听听!谢谢!!!
javascript - 编写文本和 DarkMode 不能一起工作
我需要你的帮助!我想自动编写文本并打开/关闭 DarkMode。我从其他开发人员那里复制了文字。但我一个人创建了 DarkMode。编写文本正在工作。黑暗模式也是。但是当我在一个页面上同时使用它们时,其中一个不起作用。我检查了所有相同的变量,我什至向变量添加了一些空值来重置它。或者我尝试使用不同的值。但什么都没有。请问这个怎么办?
这是 JS:
有一个用于编写文本的 HTML 代码:
对于黑暗模式:
拜托,我真的需要你的帮助。谢谢
android - 如何为在 Android 上的 Google Chrome 上查看的网页覆盖 React JS 上的“暗模式”?
我在不同平台上检查了我的网站,它保留了最初创建的浅色模式,但 Android 上的 Google Chrome 强制网页上的“深色模式”并交换颜色。我们有什么办法可以阻止这种情况吗?
我正在使用 Tailwind CSS 进行样式设置。已经很久了。
reactjs - 无法修复 React 暗模式闪烁
在我的 React 应用程序中实现暗模式时,我面临着一个令人沮丧的问题。应用程序读取localStorage
并应用用户喜欢的主题(这一切都由 完成use-dark-mode
)。不幸的是,每次用户打开页面时,默认主题都会在启用暗模式之前闪烁。
现在,我浏览了互联网并发现,只需在解决问题后将特定代码(如此处所示)放入<script>
标签中即可。<body>
问题是,似乎没有什么可以解决这个令人不快的闪光,并且它发生在所有浏览器中。我尝试将脚本移动到<head>
标签内,甚至使用 运行它window.onload
,但似乎没有任何效果。
有没有人遇到过这样的问题?修复此闪光灯的最佳方法是什么?提前非常感谢!
这是GitHub 存储库的链接。 注意:我没有使用任何服务器端渲染。