# 2019年2月時点でのMacアプリのダークモード対応状況 URL: https://webrandum.net/darkmode-app-2019/ 公開日: 2019-02-20 更新日: 2020-04-12 カテゴリー: 作業効率化 タグ: Macアプリ 出典: Webrandum(著者: サイトウ マサカズ) 自分が使っているmacOS向けアプリの、ダークモード対応状況についてまとめました。OS標準のアプリは完璧に対応されているので省きます。 ## 完璧に対応されているアプリ 改めて見てみると、かなり多くのアプリがダークモードに対応していました。 - Path Finder8 - Firefox - Tramsmit - CotEditor - Fantastical2 - Sketch - Skype - AppCleaner - The Unarchiver - ImageOptim - Local by Flywheel - Cyberduck - BetterTouchTool - BetterSnapTool - Default FolderX ## 気になる点があるアプリ ### Google Chrome Google Chrome バージョン72.0現在ではまだダークモードには対応していません(Chrome Betaでは既に開始されているようです)。 [![](https://www.google.com/s2/favicons?domain=applech2.com)AAPL Ch.![](//webrandum.net/mskz/wp-content/uploads/pz-linkcard/cache/2db655d3b39feafc75b015d420b3a821a5b2ef28ce86969fc3dce1189a85c849.webp)Google ChromeがmacOS 10.14 Mojaveのダークモードへの対応を開始。https://applech2.com/archives/20181210-google-chrome-will-support-macos-dark-mode.htmlGoogleがmacOS 10.14 Mojaveから新たに導入したアピアランスを暗くし、気を散らす要素を軽減させることでコンテンツに集中(content-focused)できるスクリーン機能「ダークモード」のサポートをChrome Betaで開始したそうです。](https://applech2.com/archives/20181210-google-chrome-will-support-macos-dark-mode.html) 自分は[Dark Theme v3](https://chrome.google.com/webstore/detail/dark-theme-v3/djlgdeklopcjagknhlchbdjekgpgenad?hl=ja)というテーマを入れているので、別にダークモードは必要無さそうに思えます。しかし、ファイルの保存時に白い保存画面が出てきてしまうので気になります。 ![Chrome ダークモード](https://webrandum.net/mskz/wp-content/uploads/2019/02/image_1-10-1024x633.png) ### Evernote Evernoteはかなり初期の段階からダークモードをサポートしていたのですが、その頃からずっと「コンテキスト」が白いままです。 ![Evernote ダークモード](https://webrandum.net/mskz/wp-content/uploads/2019/02/image_2-10.png) それ以外の文字色やテーブルの背景色に関してはキレイに反転してくれます。 ### Dash スニペットアプリのDashに関してもある程度はダークモードに対応しています。 ただ何故か環境設定のところだけダークモードに対応されていないのが気になります。 ![Dash ダークモード](https://webrandum.net/mskz/wp-content/uploads/2019/02/image_3-7.png) あとこれは難しいんでしょうが、ドキュメントも対応してくれると嬉しいなーと思っています。 ### Microsoft Office Word・Excel・PowerPointにもちゃんと対応しています。 ![Excel ダークモード](https://webrandum.net/mskz/wp-content/uploads/2019/02/image_4-6-1024x692.png) ただ、外観部分のみの対応なので、セルの部分は真っ白のままだったりします。セルはウインドウの大部分を占めるので目がチカチカします。 ![Excel 画面](https://webrandum.net/mskz/wp-content/uploads/2019/02/image_5-4-1024x617.png) ## 意外と対応アプリが多かった 単純にどれだけ対応されているのか気になってまとめてみましたが、意外とダークモード対応アプリは多いですね。 最近ではSafari 12.1からWebサイトでダークモードの判定をCSSで行えるようになったりしてますし、今後ダークモード普及の勢いは増していきそうです。 [![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/02/eyecatch-2.jpg)Safari 12.1から外観モード(ライト/ダーク)の判定をCSSで行えるように!https://webrandum.net/safari-appearance-modeSafari 12.1から、Macの外観モードの状態に応じてメディアクエリで判定できるようになりました。ちなみに、外観モードはmacOS Mojave以降で[システム環境設定]→[一般]→「外観モード:」で変更できる、UIの色を選択できる機能の事です。対応ブラウザが現状Safariの12.1でないと使えないので、わざわざ実装する機会は少ないと思いますが、Macのシステム環境内の状態を判定できるのは面白いので紹介しておきます。実際の動作Safari 12.1からCSSでダークモードの判定が出来るようになった。メディアクエリで「prefers-color-scheme: dar...](https://webrandum.net/safari-appearance-mode) 後はAdobe製品に対応して欲しいです(特にXD)。 XDは現在環境設定がありませんし、インターフェイス全体が真っ白なので、暗いところで作業すると目がチカチカしてしまいます。 その辺りが揃ってくると、夕方から夜にかけての時間を快適に過ごせそうです。