问题标签 [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.
pycharm - 解耦 PyCharm 编辑器方案和 GUI 主题
PyCharm 中有 2 个选项可以设置环境颜色:
- 对于图形用户界面:
Appearance & Behaviour > Appearance > UI Options > Theme
- 对于编辑器组件:
Editor > Colors & Fonts > Scheme
我将后者更改为深色主题,并出现一个对话框,询问我是否也想为 UI 更改它 - 带有一个额外的框,不再问我。我选中该框并单击“是”。随后,每次我更改其中一个选项时,另一个选项也会更改。
我改变了主意,想把它们分开:我怎样才能再次解耦这些选项?
使用 PyCharm 2017.1
css - 如何检测操作系统是否在浏览器中处于暗模式?
类似于“如何检测 OS X 是否处于暗模式? ”仅适用于浏览器。
有没有人发现是否有办法检测用户的系统是否处于 Safari/Chrome/Firefox 中的新 OS X 暗模式?
我们想根据当前的操作模式将我们网站的设计更改为对暗模式友好。
javascript - 用反应原生元素改变主题不起作用?
我一直在使用 react native 元素。我想为我的应用程序实现暗模式,但由于某种原因,<ThemeProvider/>
当我在上下文中的状态发生变化时,我无法让主题道具改变。
这是我的上下文,其中有我的 darkTheme 和 lightTheme 对象。我也有一个lightThemeState
using useState,因此我可以从子组件设置该状态。
因为我有另一个用于其他逻辑的上下文。我结合<ThemeContextProvider/>
我的其他上下文<JourneyContextProvider/>
。像这样:
然后最后我将整个应用程序包装在我的<CombinedStoreProvider/>
. 像这样。
这是我lightThemeState
在上下文中切换的子组件。但即使一切看起来都很棒ThemeContextProvider
(我控制台记录了状态和背景颜色,他们已经成功地改变了主题)。但是在这个组件中,我只得到了以前的主题。即使这个子组件在我切换lightThemeState
. 我知道这一点,因为在我切换主题后控制台登录该组件再次记录,但日志显示以前的主题颜色。这是子组件:
也许你问的darkTheme和lightTheme有问题?不,如果我将状态从 true 更改为 false 并重新加载应用程序。有用。不知何故,主题在<ThemeProvider theme={currentTheme}/>
. 有人可以解释为什么吗?
javascript - 反应原生导航 | 如何设置深色主题
我在 React Native 中练习和新手,我真的很喜欢 React 导航。
我一直在玩反应导航并进行自定义设置,就像ErrorBoundary
它工作正常一样。
我创建了一个组件并将其命名为设置,用户可以从该设置组件将按钮切换到暗模式。
我没有在文档中找到如何改变应用程序的阴暗情绪。任何人都可以帮助我,如何从子组件中改变黑暗的情绪?
这是我的路由器组件。我在哪里导航组件。
这是我的设置组件
javascript - 网页上通过JS的暗模式
我一直在尝试在练习网页上添加暗模式,它可以更改正文背景颜色,但不适用于按钮,代码是:
该代码不适用于 .icons CSS 类,它出现在 chrome 中,但不起作用,
高度赞赏解释。
谢谢你
html - 打开 DevTools 时 Electron BrowserWindow 切换到暗模式
暗模式与 DevTools 的混淆
我正在根据教程构建一个基本的电子应用程序。
我有一个 BrowserWindow 启动,带有一些基本的 HTML 和 CSS 样式——只有蓝色的“真棒”这个词,白色的背景。但是,我的 Windows 和大多数允许我使用的应用程序(Chrome、VS Code 等)都设置为暗模式。
当我启动应用程序时,它会出现白色背景,但是一旦我使用Ctrl++打开开发工具,WebView 就会转换为暗模式,无论是开发工具还是输出屏幕Shift。i
原始视图:
打开 DevTools 后:
更奇怪的是 - 如果我关闭 DevTools,它会回到白色背景,然后如果我再次打开 DevTools,它会在主窗口视图中保持原始白色背景(尽管 DevTools 本身似乎处于暗模式)。
问题:
如何防止开发工具在打开时切换模式 - 至少在我的 Electron 应用程序的主显示屏上?
Electron BrowserWindow的webview代码
countdown.html
:
countdown.css
:
outlook - macOS Catalina 上的 Outlook 深色模式 Office 365 背景颜色
我想知道是否有任何 HTML 电子邮件开发人员可以帮助我解决这个问题。我在 Acid 上使用 Email 来测试 HTML 电子邮件,并且我的按钮内设置的背景颜色(当颜色变浅时)正在反转。这只发生在“macOS Catalina Dark Mode 上的 Outlook Office 365”中。有谁知道如何定位它?这是我的 HTML/CSS:
头:
HTML:
CSS:
我也尝试过 Outlook 的 osgb 属性,但没有这样的运气。我知道有一个相关的帖子(覆盖 Outlook 暗模式按钮背景),但没有解决方案,所以我想我会在这里再试一次。
注意:将边框/背景颜色应用于表格数据标签可以解决问题,但整个按钮当然不会充当链接。
谢谢!
apex - Oracle APEX 20.1:带有自动完成功能的文本字段上的主题 Vita Dark CSS-Error
当您将 Vita Dark 主题应用到您的应用程序并具有选择列表时,例如在具有自动完成功能的文本字段中,选择列表中的背景和文本是白色的,因此难以阅读。
有什么解决方法吗?所有其他标准主题都可以正常工作。
flutter - Flutter BottomNavigationBar 在顶部发光?
我的问题是我的 BottomNavigationBar 周围有光。我第一次看到这一点时,我将 BottomNavigationBar 变暗。希望有人可以提供帮助。
这是代码:
问候卡尔文
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”功能:
存在问题的实时链接(“黑暗模式”按钮位于右上角“)