Skip to content

k-miyata/note-friendly

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Title image

Screenshot of an article on Note compared before and after applying this extension. The background color is light gray after applying.

Screenshot of an article on Note browsed in a dark color scheme. The background color is black and the text is white.

Features

This Chrome extension changes the backgroud color of an article page on note to a more eye-friendly.

Easy on the eyes

背景色を真っ白からグレーに変更することで、長時間記事を読んでも目を疲れにくくします(科学的なテストを行ったわけではありませんのであらかじめご了承ください)。

Accessible

背景色をグレーにするも最適なコントラスト比を維持することで、色覚に問題があっても読みやすさを損ねないようにしています。具体的には、WCAG 2.1 で定められたレベル AAA の基準(コントラスト比 7.0 以上)をクリアしています。

記事の文字色が #222222、変更後の背景色が #EAEBEB であるため、コントラスト比は 13.3 となります(2020 年 5 月 16 日時点)。

Dark color schemes supported

The gray background color is still too light for browsing in a dark color scheme (also called dark mode or dark theme). This extension darken the backgroud and also optimize other colors to the dark appearance when the OS appearance is set to a dark color scheme.

Installation

Available in the Chrome Web Store

You can install the extension from the Chrome Web Store.

Contributing

If you encounter any bugs or have any questions, please see the issues.

Also, I welcome pull requests to propose your ideas! Please refer to following development process:

  1. Clone this repository.
  2. Write code.
  3. Test your changes on Chrome. You can load src directory from the Extensions page in developer mode.
  4. Change version in manifest.json.
  5. Send a pull request.

After this changes are approved, the repository owner will publish the update on the Chrome Web Store:

  1. Merge the pull request into main.
  2. Execute build.sh to make package.zip in dist directory.
  3. Upload the package to the Chrome Web Store.

License

See LICENSE.