问题标签 [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 回答
257 浏览

react-native - React Native - redux 状态更新,但标签栏没有

我尝试为我的应用程序实现暗模式。我使用 redux 状态管理来保存我当前的主题。

我在我的组件中使用 redux 连接函数来获取这个主题并在明暗模式下渲染组件。这很好用,但不幸的是我的 BottomTabbar 有问题。

我使用了一个功能性的自定义标签栏组件,在这里我获得了当前的 redux 状态。我还尝试将我的 AnimatedCircleBarComponent 本身连接到 redux 状态(因此将它与我的类组件连接)但结果是一样的。

这是我的导航器:

tabbar 组件确实接收到新状态,但它不会重新呈现自己。它只会在按下新选项卡后重新渲染并将颜色更改为新的颜色。

是否可以强制重新呈现标签栏或为什么这不起作用?我屏幕本身的所有其他组件都在正确更新。

我认为这是一个很常见的用例,不是吗?

0 投票
1 回答
33 浏览

css - 如何使用首选颜色方案媒体查询在电子邮件中呈现不同的图标?

我正在尝试更改通过应用程序发送的电子邮件上的图标。

目前,我使用的方法是创建两组不同的图标,一组用于浅色模式,一组用于深色模式,并将一个或另一个的 CSS 显示属性设置为无。

像这样

我想问的是这是最好的方法吗?理想情况下,我希望只有一组图标并相应地更改其路径,但仅使用 CSS,我认为这是不可能的。

你建议什么是最好的解决方案?

0 投票
1 回答
42 浏览

javascript - 1700 小时后的暗模式

我正在尝试在我的网页上一段时间(1700 小时)后将背景和一 (1) 个标题更改为不同的颜色。但是,它不会触发。我在这里做错了什么?

0 投票
1 回答
410 浏览

android - 即使在正常模式下,如何在暗模式下使用可绘制的图像?

我正在制作一个应用暗模式的 android 应用程序

我在 drawable-xx 和 drawable-night-xx 中管理背景图像。

但即使在正常模式下,我也想在 drawable-night-xx 中使用背景图像进行特定布局。

我该怎么做?(我正在寻找一种避免重命名图像的方法)

0 投票
0 回答
108 浏览

javascript - 在 CKEDITOR.on instanceReady 之后,Firefox 中的 editor.editor.document 未定义

我正在尝试将 css 类应用于 ckeditor 内容的 html 元素,以支持我们的 CSS 自定义属性驱动的亮/暗主题切换器。下面的演示成功地在基于 Chromium 的浏览器中添加了该类,但在 Firefox 中,

对象未定义,即使编辑器对象的 console.log 显示它已定义。

任何想法为什么这在 Firefox 中不起作用?

我对 CKEDITOR 开发还很陌生,所以如果实际上有更好的方法来与 iframe 的 HTML 元素交互,我很乐意改用它。我知道有 bodyClass https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-bodyClass但不幸的是这对我们不起作用。

谢谢!

0 投票
1 回答
71 浏览

ios - 如何让 Xamarin 应用程序(不是表单)读取设置中的深色或浅色主题?

当我尝试这样做时:

https://docs.microsoft.com/en-us/xamarin/essentials/app-theme?tabs=ios

appTheme 始终是 Light,无论我的模拟器或设备 Dark 设置如何。

我也试过这个:

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/theming/system-theme-changes

但我找不到获取设置主题的代码。

感谢您的帮助!

谢谢!拉里

0 投票
1 回答
200 浏览

ios - 如何让 Xamarin iOS 应用程序自动感知明暗变化?

这里有人(感谢 sushihangover!)帮助我让我的应用程序根据命令读取 iOS 设置深色或浅色主题。我正在使用 Xamarin(不是表单)。我还需要以下内容(仅适用于 iOS):

  1. iOS 设置主题很轻
  2. 应用程序设置为自动,因此它使用当前的 iOS 设置主题(浅色)
  3. 启动的应用程序很轻
  4. 主页按钮按下
  5. 将 iOS 设置更改为深色
  6. 将应用程序置于前台

应用看起来仍然很亮,但应该看起来很暗。

我意识到 AppDelegate 有一个 WillEnterForeground 方法,但我不知道如何将它连接起来,因此应用程序在前台看起来很暗。我正在使用 MvvmCross。以下链接看起来很有希望。

https://forums.xamarin.com/discussion/181648/best-approach-to-handle-dark-theme

我不明白如何将链接的内容应用于我的 MvvmCross 架构。

感谢您的帮助!

谢谢!拉里

0 投票
0 回答
1073 浏览

laravel - Laravel 8 黑暗模式

我想在 Laravel 8 中制作暗模式。我可以使用图标打开或关闭暗模式。当我单击按钮时,暗模式可以工作,但是当我刷新页面时,它会恢复到原来的状态。如何通过将其保存在数据库或 cookie 中来稳定它?

黑暗模式

灯光模式

我想静态地改变身体类的这一部分,使其成为暗模式或亮模式。

0 投票
1 回答
50 浏览

android - 设置 UI,如何取消切换

我正在处理设置 UI,我想确保在取消切换某个变量后,应用程序恢复正常。

如果我切换应用程序应该进入暗模式(运行良好),但在取消切换后它应该恢复亮,但到目前为止我只能将其设置为暗,即使我取消切换也没有任何反应。

我试过设置一个真假,但它不起作用,我根本无法用这种方法切换

这没有用

这是我正在使用的代码:

0 投票
1 回答
332 浏览

ios - 在 iOS 暗模式下,文本字段内的颤动文本自动变为白色

当我使用 iOS 暗模式时。然后 flutter Text field 的文字颜色是不可见的。如何解决这个问题呢 ?