TOP

2022年3月23日 | テクノロジー

iPhone 14 Pro、ノッチがいよいよ最小サイズへ変更へ-設計図から判明か

2022年3月23日にAppleから2022年中に発表されることが予想されている「iPhone 14 Pro」にて、ディスプレイ上部のノッチ...

2022年2月17日 | テクノロジー

Amazon、ワイヤレスイヤホンEcho Buds(第2世代)を日本でも販売開始へ

2022年2月17日にAmazonが、同社のEchoブランドのワイヤレスイヤホンである「Echo Buds(第2世代)」を日本でも販売開始し...

2022年2月15日 | テクノロジー

インドにてM2チップ搭載のMac ProとMacboook Airをテスト中か

2022年2月15日にAppleが、インドにて「Mac mini」の上位モデルである新型「Mac Pro」と「Macbook Air」をテス...

2022年2月10日 | テクノロジー

Apple、発表イベントを3月8日に開催か-iPhone SE 3の初期在庫は少ないかもしれない

2022年2月10日にAppleが、製品発表イベントを3月8日に開催する可能性が明らかとなりました。   イベントで発...

2022年2月9日 | テクノロジー / 自動車

Tesla、アプリストアとして「Tesla Store」を準備中か

2022年2月9日にTeslaが、同社のアプリストアとして「Tesla Store(Tesla App Store)」を準備中である可能性が...

2022年2月8日 | テクノロジー

Apple、2022年に新型HomePodを発表か

2022年2月8日にAppleが、2022年中に新型HomePodを発表する可能性が明らかとなりました。   これは、...

2019年1月29日

macOS Mojave 10.14.4、SafariがWEBページのダークモードにも対応へ

2019年1月29日にAppleが、Mac向けのOSである「macOS Mojave 10.14.4」にてSafariによるWEBページのダークモード表示が可能となっていることが明らかとなりました。

 

「prefers-color-scheme」を使用したサイトでは、白色をベースとしているデザインを黒色として表示することが可能となるようです。

 

macOS Mojave 10.14.4のSafariでWEBページのダークモードが適応可能に

2019年1月29日にAppleがデベロッパー向けに公開している「macOS 10.14.4」にて、ウェブブラウザ「Safari」によるWEBのダークモードに対応したことがわかりました。

 

 

Appleは、2018年9月にリリースした「macOS Mojave」にて、ダークモードをリリースしております。

 

ダークモードは、黒色を主体として表示することができるモードで「メール」や「iTunes」、「カレンダー」などで利用することができます。

 

これまでも「Safari」にてダークモードを適応することができましたが、メニューバーを黒くする程度に留まっておりました。

 

しかし、Appleがデベロッパー向けに提供している「macOS 10.14.4」では、WEBページそのものへダークモードの適応が可能となっているようです。

 

ダークモードの対象となるには「prefers-color-scheme」の使用が必要

Appleは、2018年10月に開催した「Safari Technology Preview 68」にて「prefers-color-scheme」を発表しております。

 

「prefers-color-scheme」は、ダークモードコンテンツのスタイリングのためのメディアクエリーをサポートした機能として発表されております。

 

この実験的な機能は、「macOS Mojave 10.14.4」のデベロッパー版に同梱されてており、初めて「Safari」ブラウザに入ることとなりました。

 

本機能は、Safariの[ 開発 ]メニューの[ 実験機能 ] →[ダークモードCSSサポート ]で手動で有効と無効を切り替えることができます。

 

対応サイトは自動的にダーク表示適応される

デベロッパー版である「macOS Mojave 10.14.4」の「Safari」では、ダークモードに対応したWEBページであれば自動的にダークカラーへ変更するようです。

 

対応していないWEBサイトであれば、いつもどおりの表示となるため、変化は見られないようです。

 

現在正式リリースされている「macOS 10.14.3」では、WEBページのダークモードに対応しておりませんが、次期バージョンにて対応することが予想されております。

[iDownloadBlog]

スポンサーリンク

あなたにおすすめの記事

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

こちらの記事もおすすめ

         

カテゴリ

タグ

お気軽にお書きください

メールアドレスが公開されることはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

Now Loading...

Now Loading...