問題タブ [macos-darkmode]

概要

メニューバーに表示されたときにMacOS Mojaveのダーク/ライトモードに応じて色を切り替えるキーボードレイアウト用のテンプレート画像ベースおよび/またはPDFベースのアイコンを作成したいと思います。

バックグラウンド

Ukeleleを使用してカスタマイズされたキーボード レイアウトを作成しました。ネイティブのキーボード レイアウトに基づいて、Ukelele が元のレイアウトからアイコンを抽出できるようにしました。アイコンには触れていません。しかし、ダーク モードに切り替えると、レイアウトのアイコンは黒のままですが、元のレイアウトでは白に変わります。

私はいくつかの研究をしました。Appleによると、アイコンが自動的にダーク/ライト モードに適応するには、テンプレート イメージである必要があるようです。(ウクレレは、元のレイアウトから抽出するときに、テンプレートの画像ベースのアイコンを非テンプレートベースのアイコンに何らかの形で変換したと思います。)

テンプレート画像は、アルファチャンネルのみでカラーチャンネルのないPNG画像だと思います。

さらに調査したところ、Appleは PDF ベースのアイコンと呼ばれるものについても言及していることがわかりました。ただし、Apple は詳細を明らかにしていません。

質問

1. テンプレート イメージは、アルファ チャネルのみを持ち、カラー チャネルを持たない PNG イメージであると推測するのは正しいですか?

2. どうすればそのようなイメージを作成できますか? (私は Adob​​e CC、Affinity Photo と Designer、Pixelmator Pro、そしてもちろんすべてのネイティブ MacOS アプリにアクセスできます。)

3. PDF ベースのアイコンとは何ですか? 詳細はどこにありますか? また、どのように作成すればよいですか? 具体的には、iconutilPDF ベースのアイコンをサポートしていますか?

ありがとう！

私のウェブサイトには 2 つの主な機能があります。1 つ目は、macOS/iOS の有無にかかわらずダークモードをサポートし (ウェブサイトにトグルがあります)、ウェブサイトの翻訳として JavaScript を含むさまざまなタブを使用します。ダークモードが手動で切り替えられたかどうかを最初に保存し、最後にクリックされた言語を保存するCookieを保存/取得する機能が必要です。新しいページに来たとき、ダークモードはオンまたはオフにする必要があるためです最後に選択した言語だけが表示されます。

JavaScript で Cookie の一般的な get/save 関数を既に試しましたが、これらを自分のコードに正確に適用する方法がわかりません。

これは、Cookie 関数を使用しない実際の script.js です。