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

pycharm - 解耦 PyCharm 编辑器方案和 GUI 主题

PyCharm 中有 2 个选项可以设置环境颜色:

  • 对于图形用户界面:Appearance & Behaviour > Appearance > UI Options > Theme
  • 对于编辑器组件:Editor > Colors & Fonts > Scheme

我将后者更改为深色主题,并出现一个对话框,询问我是否也想为 UI 更改它 - 带有一个额外的框,不再问我。我选中该框并单击“是”。随后,每次我更改其中一个选项时,另一个选项也会更改。

我改变了主意,想把它们分开:我怎样才能再次解耦这些选项?

使用 PyCharm 2017.1

0 投票
5 回答
74502 浏览

css - 如何检测操作系统是否在浏览器中处于暗模式?

类似于“如何检测 OS X 是否处于暗模式? ”仅适用于浏览器。

有没有人发现是否有办法检测用户的系统是否处于 Safari/Chrome/Firefox 中的新 OS X 暗模式?

我们想根据当前的操作模式将我们网站的设计更改为对暗模式友好。

0 投票
5 回答
6484 浏览

javascript - 用反应原生元素改变主题不起作用?

我一直在使用 react native 元素。我想为我的应用程序实现暗模式,但由于某种原因,<ThemeProvider/>当我在上下文中的状态发生变化时,我无法让主题道具改变。

这是我的上下文,其中有我的 darkTheme 和 lightTheme 对象。我也有一个lightThemeStateusing useState,因此我可以从子组件设置该状态。

因为我有另一个用于其他逻辑的上下文。我结合<ThemeContextProvider/>我的其他上下文<JourneyContextProvider/>。像这样:

然后最后我将整个应用程序包装在我的<CombinedStoreProvider/>. 像这样。

这是我lightThemeState在上下文中切换的子组件。但即使一切看起来都很棒ThemeContextProvider(我控制台记录了状态和背景颜色,他们已经成功地改变了主题)。但是在这个组件中,我只得到了以前的主题。即使这个子组件在我切换lightThemeState. 我知道这一点,因为在我切换主题后控制台登录该组件再次记录,但日志显示以前的主题颜色。这是子组件:

也许你问的darkTheme和lightTheme有问题?不,如果我将状态从 true 更改为 false 并重新加载应用程序。有用。不知何故,主题在<ThemeProvider theme={currentTheme}/>. 有人可以解释为什么吗?

0 投票
1 回答
1418 浏览

javascript - 反应原生导航 | 如何设置深色主题

我在 React Native 中练习和新手,我真的很喜欢 React 导航。

我一直在玩反应导航并进行自定义设置,就像ErrorBoundary它工作正常一样。

我创建了一个组件并将其命名为设置,用户可以从该设置组件将按钮切换到暗模式。

我没有在文档中找到如何改变应用程序的阴暗情绪。任何人都可以帮助我,如何从子组件中改变黑暗的情绪?

这是我的路由器组件。我在哪里导航组件。

这是我的设置组件

0 投票
2 回答
97 浏览

javascript - 网页上通过JS的暗模式

我一直在尝试在练习网页上添加暗模式,它可以更改正文背景颜色,但不适用于按钮,代码是:

该代码不适用于 .icons CSS 类,它出现在 chrome 中,但不起作用,

高度赞赏解释。

谢谢你

0 投票
3 回答
1168 浏览

html - 打开 DevTools 时 Electron BrowserWindow 切换到暗模式

暗模式与 DevTools 的混淆

我正在根据教程构建一个基本的电子应用程序。

我有一个 BrowserWindow 启动,带有一些基本的 HTML 和 CSS 样式——只有蓝色的“真棒”这个词,白色的背景。但是,我的 Windows 和大多数允许我使用的应用程序(Chrome、VS Code 等)都设置为暗模式。

当我启动应用程序时,它会出现白色背景,但是一旦我使用Ctrl++打开开发工具,WebView 就会转换为暗模式,无论是开发工具还是输出屏幕Shifti

原始视图:

  • 在此处输入图像描述

打开 DevTools 后:

  • 在此处输入图像描述

更奇怪的是 - 如果我关闭 DevTools,它会回到白色背景,然后如果我再次打开 DevTools,它会主窗口视图中保持原始白色背景(尽管 DevTools 本身似乎处于暗模式)。

  • 在此处输入图像描述

问题:

如何防止开发工具在打开时切换模式 - 至少在我的 Electron 应用程序的主显示屏上?


Electron BrowserWindow的webview代码

countdown.html

countdown.css

0 投票
1 回答
551 浏览

outlook - macOS Catalina 上的 Outlook 深色模式 Office 365 背景颜色

我想知道是否有任何 HTML 电子邮件开发人员可以帮助我解决这个问题。我在 Acid 上使用 Email 来测试 HTML 电子邮件,并且我的按钮内设置的背景颜色(当颜色变浅时)正在反转。这只发生在“macOS Catalina Dark Mode 上的 Outlook Office 365”中。有谁知道如何定位它?这是我的 HTML/CSS:

头:

HTML:

CSS:

我也尝试过 Outlook 的 osgb 属性,但没有这样的运气。我知道有一个相关的帖子(覆盖 Outlook 暗模式按钮背景),但没有解决方案,所以我想我会在这里再试一次。

注意:将边框/背景颜色应用于表格数据标签可以解决问题,但整个按钮当然不会充当链接。

谢谢!

在此处输入图像描述

0 投票
1 回答
446 浏览

apex - Oracle APEX 20.1:带有自动完成功能的文本字段上的主题 Vita Dark CSS-Error

当您将 Vita Dark 主题应用到您的应用程序并具有选择列表时,例如在具有自动完成功能的文本字段中,选择列表中的背景和文本是白色的,因此难以阅读。

显示错误颜色的屏幕截图

有什么解决方法吗?所有其他标准主题都可以正常工作。

0 投票
1 回答
128 浏览

flutter - Flutter BottomNavigationBar 在顶部发光?

我的问题是我的 BottomNavigationBar 周围有光。我第一次看到这一点时,我将 BottomNavigationBar 变暗。希望有人可以提供帮助。

这是代码:

问候卡尔文

0 投票
1 回答
450 浏览

javascript - 启用暗模式时更改 iframe 源,禁用暗模式时将其更改回来

目标:我想在激活时更改 iFrame 的来源,并在禁用onclick="toggleDarkMode()时将其更改回来。onclick="toggleDarkMode()

问题:我当前的“暗模式”按钮仅更改 iFrame 源一次,当onclick="toggleDarkMode()被激活为“//www.twitch.tv/embed/yaydank/chat?parent=icelz.s3.amazonaws.com&darkpopout”时。然后,当我再次单击它时,它不会将源更改回“//www.twitch.tv/embed/yaydank/chat?parent=icelz.s3.amazonaws.com&popout”。如果有人能帮我解决这个问题,我将不胜感激。先感谢您。

加载页面时我当前的默认 iframe 代码:

onclick="toggleDarkMode()我当前的 javascript 代码,在激活时会更改 iframe 的来源:

这是我当前的“暗模式”按钮,它触发“toggleDarkMode”和“myFunctionDark”功能:

存在问题的实时链接(“黑暗模式”按钮位于右上角“)