问题标签 [lightmode]

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 回答
428 浏览

ios - 从亮模式到暗模式的颜色变化在真实设备上的 SwiftUI 中不起作用

使用 Swift5.3.2、iOS14.4.1、Xcode12.4、

在 SwiftUI 中从浅色模式切换到深色模式时,我尝试进行自定义颜色更改。

这是我的代码:

在我的MyTestView应用程序生命周期开始时调用(真正简单的示例):

这是我的颜色定义loginBG

在此处输入图像描述

这是显示矩形不幸没有改变颜色的视频 - 为什么?????

(从状态栏颜色开关你可以看到我确实从浅色模式更改为深色模式并返回。但根本没有矩形颜色变化)

在此处输入图像描述

0 投票
2 回答
47 浏览

android - 如何在您的 android studio 项目中实现类似 YouTube 的主题外观设置

我正在使用 java 在 android studio 中创建一个应用程序,我想创建一个主题外观设置,如 YouTube,其中用户有 3 个选项来选择其中一个...... 1)使用设备主题 2)深色主题 3)浅色主题。但我不知道如何在 java 活动和 xml 活动中实现它,有人可以帮助我吗?

在这里,我附上了我想要的截图。 在此处输入图像描述

0 投票
0 回答
173 浏览

github - 在 Firefox 中关闭 GitHub 企业暗模式

我正在拼命寻找关闭 GitHub 页面上的暗模式的选项。白天看到黑屏很痛苦。

我尝试将插件添加到 Firefox 以禁用变暗,但插件没有用。

下面附上截图。非常感谢任何指示。

在此处输入图像描述

0 投票
1 回答
113 浏览

javascript - 暗光模式按钮

我想将身体的背景更改为白色,当它设置为“太阳”(灯光模式)并变回月亮(也将背景更改为黑色)

0 投票
1 回答
33 浏览

jquery - 如何在整个站点和重新加载时存储用户输入(在深色和浅色主题之间切换)

我基本上是在我的网站上设置一个暗模式切换,我希望浏览器记住用户从暗到亮的主题点击。代码有些混乱且不干净,但无论如何它可以在更改深色和浅色模式样式表中起作用。

JavaScript:

在切换回切换之前,如何保存用户交互的切换?这一切都适用于未登录的用户,因此本地存储或 cookie 会话可能会有所帮助。

小提琴链接

0 投票
1 回答
61 浏览

reactjs - 如何在 React Native 中添加 DarkMode?

我是 React-Native 的新手,我想为我的学校项目构建一个学校应用程序。

应用程序中的一项功能应该是暗/亮模式。我看过一些有关该主题的视频,但没有一个符合我的要求。

它应该是一个不错的按钮,不会直接切换,但是,切换应该很好地向右或向左移动。(就像在 iPhone 上一样)

此按钮首先用于选择系统设置的模式还是用户想要为应用程序设置额外的模式。

如果按钮没有打开,它会保持系统设置模式,但如果按钮打开,第二个按钮会出现,然后询问用户想要哪种模式。

我是该网站的新手,所以我不知道这些信息对您来说是否足够,但如果被问到我会添加更多内容。

0 投票
0 回答
49 浏览

android - 如何在灯光模式下使用flutter_tex(Flutter)?

我正在使用这个包flutter_tex 4.0.3,但我遇到了一个问题:如果我理解正确的话,flutter_tex 使用了一个 webview,显然当启用了 Android 的暗模式时,flutter webview 会强制使用暗模式。

更清楚地说,我如何在 light 模式下使用 flutter_tex ?如何在我使用的 Android 设备上启用 Flutter 中的暗模式?

这是我的代码:

设置为“Colors.white”的“backgroundColor”属性不起作用,而它适用于任何其他颜色......

我尝试了以下“解决方案”:

  • 此外,这在 AndroidManifest.xml 文件中也不起作用:
  • 小部件“主题”
  • SystemChrome颤振包中的类services
  • themeMode&theme属性来自MaterialApp

我完全迷路了。我的目标是在白色背景上显示一个方程,仅此而已,我想痛苦地尖叫......

结果:我的问题

注意:由于 null 安全性,flutter_tex 是我唯一可以使用的包。

请帮我

0 投票
3 回答
52 浏览

xml - 将 CardView 颜色与 App Background Color XML 分开设置(浅色视图)

我正在尝试在我的应用程序中设置灯光模式的背景颜色。我显示的卡片在亮或暗模式下应该是白色的。

我正在阅读的所有内容都告诉我,我可以简单地将行: app:cardBackgroundColor="#FFEF00" 放入我的<androidx.cardview.widget.CardView>,但这似乎并没有覆盖我themes.xml背景中的颜色。

我希望背景颜色为浅灰色,卡片背景为白色(在浅色模式下)。

XML 文件:

我的主题.xml 文件:

0 投票
2 回答
45 浏览

javascript - 如何为暗模式和亮模式切换保存 cookie?

我不太清楚如何将暗/亮模式的选择保存为 cookie。

这是我正在尝试的网页: https ://schooloffish.info/index.html

尝试了 cookie 的 w3schools 代码,但我无法让它工作。任何帮助表示赞赏。

0 投票
1 回答
25 浏览

javascript - 为暗模式/亮模式 JS 保存 cookie - 问题

我试图在主体加载时加载 cookie,然后检查它的值。如果darkmode = true,那么它应该显示css/cssmain.css。如果为 false,则应显示 css/csslight.css。cookie 有效:如果我使用按钮从暗切换到亮,它会将暗模式从真(暗)更改为亮(假),反之亦然。当我刷新页面时它甚至会保留,但 css 会切换到其默认文件。

基本上,我无法弄清楚如何让 darkMode 进入我的 javascript 中的 if 语句。我尝试使用 onload="getCookie(darkMode)" 尝试将 cookie darkMode 的值(真或假)放入脚本中。似乎只是不运行脚本,因为即使我添加了警报,当我使用按钮时警报也不会弹出。

HTML:

JS(fullstackfrog.js):