问题标签 [macos-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 投票
0 回答
786 浏览

macos-mojave - macOS Mojave:更改应用程序图标以匹配深色/浅色模式

在 macOS Mojave 中的暗/亮模式之间切换时,有没有办法动态更改我的应用程序图标?

我希望更改图标外观以适当地出现在系统警报和通知中。

0 投票
1 回答
150 浏览

macos - NSScroller 半透明

我在可可应用程序中使用 NSScroller。NSScroller 在 mojave 深色模式下是半透明的,但在 mojave 浅色模式下看起来不错。

我已经尝试子类化 nsscroller 并尝试更改背景颜色。它改变了背景颜色,但半透明效果并没有消失。

0 投票
0 回答
172 浏览

icons - 如何为 MacOS 创建基于图像和基于 PDF 的模板图标?

概括

我想为键盘布局创建一个基于模板图像和/或基于 PDF 的图标,当在菜单栏中显示时,它将根据 MacOS Mojave 中的暗/亮模式切换颜色。

背景

我使用Ukelele创建了自定义键盘布局。我基于原生键盘布局,允许 Ukelele 从原始布局中提取图标。我没有触摸图标。然而,当我切换到深色模式时,我的布局图标仍然是黑色,而在原始布局中,它变成了白色。

我做了一些研究。根据Apple的说法,要让图标自动适应暗/亮模式,听起来它必须是模板图像。(我猜 Ukelele 在从原始布局中提取它时,不知何故将基于模板图像的图标变成了非基于模板的图标。)

我猜模板图像是只有 alpha 通道而没有颜色通道的 PNG 图像。

经过进一步研究,我发现Apple还指的是基于 PDF 的图标。不过,苹果并未提供任何细节。

问题

  1. 我是否正确猜测模板图像是只有 alpha 通道而没有颜色通道的 PNG 图像?

  2. 如何创建这样的图像?(我可以使用 Adob​​e CC、Affinity Photo 和 Designer、Pixelmator Pro 以及显然所有原生 MacOS 应用程序。)

  3. 什么是基于 PDF 的图标,我在哪里可以找到有关它的详细信息,以及如何创建它?具体来说,是否iconutil支持基于 PDF 的图标?

谢谢!

0 投票
2 回答
333 浏览

objective-c - 如何获得动态 NSMenu 以使用 Mojave 暗模式?

我的操作系统设置为暗模式,我的整个应用程序都可以正常呈现,除了一些动态创建的 NSMenu 实例,它们以旧的浅色样式呈现。

如何让这些菜单使用深色视觉风格呈现?

0 投票
0 回答
333 浏览

xcode10.2 - Xcode 10.2 如何仅为 Xcode 而不是整个 macOS 启用暗模式?

我喜欢 Xcode 的深色模式,但不喜欢 MacOS 中的所有窗口——一次改变太多。

有没有办法/hack 只为 Xcode 窗口启用暗模式?同时将 MacOS 的其余部分保持在“Light Mode”。

0 投票
3 回答
66401 浏览

javascript - 如何使用 JavaScript 检测暗模式?

Windows 和 macOS 现在有暗模式。

对于 CSS,我可以使用:

但我正在使用Stripe Elements API,它将颜色放入 JavaScript

例如:

如何在 JavaScript 中检测操作系统的首选配色方案?

0 投票
1 回答
132 浏览

java - 使用纯 Java 模拟 JavaFX 的 ColorAdjust 亮度

我正在尝试将彩色图像转换为可用的单色图像,但没有“锯齿状”边缘。

从一个类似的问题要求将图像从彩色转换为黑白,其中一个接受的答案提供了一个使用技术的 JavaFXColorAdjust类的简单技巧setBrightness(-1)。这种技术的好处是可以保持黑白之间的柔和边缘,例如支持高对比度主题而无需创建全新的图标集

注意:我确实理解这里“单色”一词的不准确(会出现一些灰度),但我不确定如何描述这种技术。

ColorAdust使用纯 Java模仿该技术的方法是什么?

期望:

软边


不希望:

锯齿状边缘

0 投票
1 回答
908 浏览

macos - NSColor systemColor 在暗/亮模式切换时不会改变

我正在尝试通过在NSViewController. 我正在使用此代码更改图像的颜色:

我试过从viewWillLayout

但似乎系统颜色总是返回相同的 RGB 值。

我也尝试过收听通知AppleInterfaceThemeChangedNotification,但即使在这里,RGB 值似乎也保持不变1.000000 0.231373 0.188235

我在NSButtonCellsublass 和压倒一切的工作正常,layout但不能让它在NSViewController

0 投票
1 回答
27 浏览

javascript - 如何使用cookies运行“oneClick”

我的网站有两个主要功能:首先它支持带有/不带有 macOS/iOS 的暗模式(网站上有一个切换),我使用带有 javascript 的不同选项卡作为网站的翻译。现在我想要一个功能,保存/获取一个cookie,它首先保存是否手动切换暗模式并保存最后一次点击的语言,因为当你进入新页面时,暗模式应该打开或关闭并且应该出现最后选择的语言。

我已经在 javascript 中尝试过用于 cookie 的流派 get/save-functions,但我不知道如何将这些准确地应用到我的代码中。

那是我没有 cookie 功能的实际 script.js:

0 投票
3 回答
23250 浏览

css - 如何在 Chrome 中模拟偏好颜色方案媒体查询?

Chrome 76 增加了对prefers-color-scheme媒体查询的支持(又名“黑暗模式”)。

但是,如何在不打开和关闭系统暗模式的情况下轻松测试两种配色方案的网页?

这是 Firefox 的相同问题,但我在 Chrome 和 Chrome DevTools 中找不到类似的设置。