ワンコンテンツ

web制作とかiPhoneのこととか書いていきます

Web/Design/Creative

GoogleChromeの見た目を黒くする(ウィンドウとDevTool):GoogleChrome

投稿日:2019/1/26 更新日:

このエントリーをはてなブックマークに追加

MacOSがMojaveになってからDarkモードが好きです。
そしたらGoogleChromeも黒くしたくなったので見た目も、DevToolも黒い画面にしちゃいました。

2019年3月にリリースされたv73からはMacOS Mojaveのダークモードに対応して画面が黒くなるようになりました。
Windows10ではGoogleChrome v74で規定のアプリモードを黒に設定した場合、画面がダークモードになるそうです。

MacでもWindowsでもGoogleChromeがダークモードに対応したので急にウィンドウが黒になってびっくりしている方もいらっしゃるかもしれませんね。


スポンサーリンク

広告

GoogleChromeのテーマを変えて黒くする

設定画面を開く

スクリーンショット_2019-01-24_23_08_22

chromeの右上のメニューから開いてもいいですし、「Chrome」メニューにある環境設定を開いてもOKです。(もちろんショートカットでも)

テーマを取り込む

ChromeウェブストアからテーマのファイルをGoogleChromeに追加します。

スクリーンショット_2019-01-24_23_09_01

画面中程にあるデザインの項目に移動してクリック。
ウェブストアに移動します。

スクリーンショット 2019-01-24 23.09.22

検索窓に「dark」と入力
スクリーンショット 2019-01-24 23.09.41

おすすめは「Material incomingnito Dark Thema」です。
クリックして移動

スクリーンショット_2019-01-24_23_15_04

画面右上に「Chromeに追加」ボタンがあるのでクリック

 

スクリーンショット 2019-01-24 23.15.47

アドレスバーの下にメッセージが表示されるので見た目を確認。
問題なければ右側の「×」をクリック。

テーマが気に入らないときは「元に戻す」を押して他のテーマを探す。

Chromeが黒くなりました。

スクリーンショット_2019-01-24_23_16_49

テーマが切り替わりました。

初期設定に戻したい場合には設定画面から戻せます。
ただ、もとに戻して再度同じテーマを適用するストレートな方法が実は無くて、一旦別のテーマをインストールしてからまた設定したいテーマをインストールする という方法で再設定はできます。ひと手間かかりますね。

Chromeに保存されるテーマはデフォルトを除けば1つだけらしいので、上記の方法で入れ替える必要があるみたいです。

ここまでで終わりでも良いのですが、折角なので他の画面も黒くしてしまいましょう。

デベロッパーツールの 画面も黒くする

まずはCommand+shift+I(アイ)を押してDeveloper Toolsを起動してからの操作です。

関連記事:GoogleChromeデベロッパーツールをファンクションキーで開く設定:Mac 

Settingsを開く

スクリーンショット_2019-01-24_23_17_59

右上のメニューを押して項目を開く

スクリーンショット_2019-01-24_23_18_12

「settings」の項目を選択する。「F1」押しても良いですよ。

スクリーンショット_2019-01-24_23_18_47-2

Appearanceの項目にThemeがありますので「Dark」を選択してください。

Developer Tools画面が黒くなりました。

スクリーンショット 2019-01-24 23.19.22

 

まとめ

長時間画面を見続けているせいか、歳のせいか、白い画面で作業をすることが辛くなってきました。
画面を黒くすることによって少しでも目に負担がかからないようになればいいなと思います。

他にもGoogleChromeの使い方をいくつか記事で紹介していますので、ご確認ください。

広告

広告

広告

このエントリーをはてなブックマークに追加

-Web/Design/Creative
-, , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

知っておくと3倍作業が早くなるエクセルHTMLコーディング術

  エクセルでHTMLコーディングって聞いて、普通はありえない組み合わせだと思ったでしょ? HTMLコーディングをする際にテキストエディタやDreamweaverなどのオーサリングツールを使 …

command + Q message

Chromeで「終了するには⌘Qキーを押します」と表示された時の対応方法:Mac

GoogleChrome v70にアップデートした頃からだと思うが、ショートカットキーで終了しようとしたら終了せず、「終了するにはCommand+Qを押します。」とメッセージが出るようになった。 Go …

2018

2018年で最もアクセスされた記事まとめ

2018年も繰り返すところあと数日になりました。 今年の個人的な思い出としては第二種電気工事士の資格に挑戦して9月に無事取得できたことは大きな出来事だったと思います。おかげで受験勉強の期間中はブログの …

Googleデータポータルでアクセスレポートが超捗る

Googleアナリティクスはサイトのアクセス解析としてはとても優秀です。アクセス解析ツールのスタンダードとして多くの方に利用されています。 ただ、分析をするにはちょっとコツが必要だったり、機能が多すぎ …

Tile tabsがver57以降ではサポートされない:Firefoxアドオン

以前から使っていた1つのウィンドウに複数のタブの中身を画面分割して表示できる機能拡張「Tile tabs」がfirefox自体のアップデートにより機能拡張の仕様が変わったため、今回Ver.56で警告が …

検索

サイドAD02

AD