Monot ドキュメント

設定項目


UI

Monotには、DefaultおよびThinの2つのUIが内蔵されています。

Default UI Thin UI

これらのUIは、設定ウィンドウから変更でき、即時に変更が適用されます。

設定ウィンドウ

この機能のソースコードは、

https://github.com/mncrp/monot/blob/develop/src/main/tab.js:17〜54, 377〜392行目

などから閲覧できます。


CSSによるテーマ機能につきましては、こちらで解説しています

検索エンジン

の中から一つお好みの検索エンジンを選ぶことができます。

プライバシーや使いやすさなどの観点から、MonotはDuckDuckGoを標準の検索エンジンとしています。

この機能のソースコードは、

https://github.com/mncrp/monot/blob/develop/src/main/main.js:234〜243, 414〜434行目

https://github.com/mncrp/monot/blob/main/src/main/tab.js:12, 115〜124行目

などから閲覧できます。


実験的な機能

注意:これらの機能は実験的ですから、有効にしてウェブサイトの表示が崩れた、色がおかしくなった、などのことが起きてもmonochrome Project.は一切責任を負いません。

強制ダークモード (Force Dark)

Webページの背景を強制的に暗くし、文字を強制的に白、リンクに限っては青に変更する機能です。有効にすると以下のようにウェブサイト全体の雰囲気が暗くなります。

forceDark

仕組み

仕組みは至って簡単です。bodyおよびmain要素の背景を#444にし、p、h1、h2、h3、h4、h5、h6の文字色を#fff、aを#7aa7cdに強制的に変更するだけです。

この機能のソースコードは、

https://github.com/mncrp/monot/blob/main/src/proprietary/style/forcedark.css

https://github.com/mncrp/monot/blob/main/src/main/tab.js:142〜148行目

から閲覧できます。


フォント変更(Font Change)

Webページのフォントを変更します。例えば以下の画像のように、文字を全てヒラギノ明朝 ProNにすることが可能です。

fontChange

仕組み

こちらの仕組みも至って簡単です。そのページのフォントを全てCSSセレクタの*を使い上書きしているだけです。

この機能のソースコードは

https://github.com/mncrp/monot/blob/develop/src/main/tab.js:234〜241行目

などから閲覧できます。