ダークモード使いたい
普段使うアプリケーションはa5sqlとかvscodeはダークモードあるけど、beckyやcyberduckにはない(そのうちできるんやろけど)。 webページ見てると、白い背景のページは目が痛くなってくる。 背景が黒のほうが嬉しい。 ダークモードの切り替えができることに気づく 自分のメモとして作っているこのサイトは、cocoonから選べるダークテーマを使ってた。 作者さんありがとう。 Cocoonスキン『ダークスキン』の特徴 | Cocoonスキン確認サイト zvalinf.info django導入で静的サイトを作ってみたくて、とても苦手なcssを自分でいじりはじめたとき、ダークテーマとそうでないテーマを切り替えてくれるjavascriptがあることに気づいた。 作者さんありがとう。 Webサイトをダークモードに対応させよう | Webクリエイターボックス www.webcreatorbox.com 「Darkmode.js」Webサイトを手軽にダークモード表示に - 株式会社ネディア │ネットワークの明日を創る│群馬 www.nedia.ne.jp django導入の過程で、templateフォルダに置いたhtmlの最初のほう(titleってあるあたりの次ぐらい)にこう書く。 1 2 <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"> </script> さらにimg srcのちょっと下あたりにこう書く。 1 2 3 <script> new Darkmode().showWidget(); </script> すると画面右下に黒いマルが表示されるようになって、ポチポチ押してみると背景が切り替わる。 なるほど、iphoneとかandroidタブレットで開いてもちゃんと表示される。 このhtmlはヘッダ部分で、djangoのtemplateの中では読み込みファイルのなんだけど、body部分にも適用してくれる。いったいどうなってんだろう。 html苦手なので理由がさっぱりわからん。 次に、これを自分のメモサイトでも使えないか探してみた。 wordpressでcocoonのテーマをダークモードのボタンが出るように変更 黒基調で作られたテーマ使ってたのを、さっきの黒いマルをポチポチした操作で切り替え可能なテーマというのが存在するらしい。 下のほうにある「ダークルリ」を「SILK」に変更してみた。 このテーマはダークモード切り替えに対応したスキンらしい。 作者さんありがとう。 dateqa.com wordpress画面の「外観」にあるfunction.phpに1行追記するとできるらしい。 1 define('SILK_SWITCH', true); 追加した箇所は最初のほう。9行目にdefine('SILK_SWITCH',true)って入れといて、「ファイルを更新」のボタンを押す。 ...